login/register padding, FOOTER popravki

frontend/simple/css/aai.css

@@ -277,6 +277,7 @@ footer {
   padding-top: 105px;
 }
 footer h2 {
+  color: #343434 !important;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 18px;
@@ -289,9 +290,11 @@ footer .footer_content {
   width: 95%;
   margin: auto;
   padding: 0px;
+  justify-content: space-between;
 }
 footer .footer_content .col {
   max-width: 254px;
+  margin-right: unset;
 }
 footer .footer_content .col span {
   font-weight: 400;
@@ -491,7 +494,6 @@ input[type=button]:hover,
   header .logo {
     width: auto;
   }
-
   .hero-container {
     display: flex;
     flex-direction: column-reverse;
@@ -518,17 +520,14 @@ input[type=button]:hover,
     max-width: 280px;
     margin: auto;
   }
-
   .register_holder {
     margin-top: 70px;
     margin-bottom: 70px;
   }
-
   .pomembne_povezave {
     padding-top: 68px;
     padding-bottom: 70px;
   }
-
   .povezave {
     display: grid;
     grid-template-columns: 1fr 1fr;
@@ -547,15 +546,12 @@ input[type=button]:hover,
   .povezave .col:last-child {
     margin-right: 25px;
   }
-
   .title {
     margin-bottom: 0px;
   }
-
   #povezave-btn {
     margin: 0px auto;
   }
-
   footer {
     padding: 70px 0px 0px 0px;
   }
@@ -597,20 +593,16 @@ input[type=button]:hover,
   body.landing_page #main .main_content {
     padding: 0px;
   }
-
   body #main .main_content h1 {
     font-size: 50px;
   }
-
   header .logo a img {
     max-height: 29px;
     max-width: 95px;
   }
-
   header .logo a img:last-of-type {
     margin-left: 12px;
   }
-
   .hero-container {
     padding-top: 50px;
   }
@@ -629,27 +621,22 @@ input[type=button]:hover,
   .hero-container img {
     max-width: 80%;
   }
-
   .register_holder {
     margin-top: 50px;
     margin-bottom: 46px;
   }
-
   body #main .main_content .register_holder h1 {
     text-align: unset;
     padding: 0px;
   }
-
   .pomembne_povezave {
     padding-top: 46px;
     padding-bottom: 46px;
   }
-
   .title {
     margin-bottom: 49px;
     margin-top: 0px;
   }
-
   .povezave {
     display: flex;
     flex-direction: column;
@@ -661,7 +648,6 @@ input[type=button]:hover,
   .povezave .col p {
     min-height: unset;
   }
-
   .povezave .col:nth-of-type(1),
 .povezave .col:nth-of-type(3),
 .povezave .col:nth-of-type(2),
@@ -669,20 +655,16 @@ input[type=button]:hover,
     margin: auto;
     margin-bottom: 30px;
   }
-
   .povezave .col:nth-of-type(4) {
     margin-bottom: 0px;
   }
-
   /* --------------HAMBURGER---------------------------------- */
   .nav-desktop {
     display: none;
   }
-
   .mobile {
     display: block;
   }
-
   #nav-icon3 {
     width: 38px;
     height: 20px;
@@ -726,42 +708,35 @@ input[type=button]:hover,
   #nav-icon3 span:nth-child(4) {
     top: 18px;
   }
-
   #nav-icon3.open span:nth-child(1) {
     top: 9px;
     width: 0%;
     left: 50%;
   }
-
   #nav-icon3.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
   }
-
   #nav-icon3.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
   }
-
   #nav-icon3.open span:nth-child(4) {
     top: 9px;
     width: 0%;
     left: 50%;
   }
-
   #links {
     display: none;
   }
-
   /*  */
   .aai a {
     color: #333333;
   }
-
   #links.open {
     position: absolute;
     top: 100px;
@@ -771,9 +746,8 @@ input[type=button]:hover,
     align-items: center;
     width: 100%;
     height: 700px;
-    background-color: white;
+    background-color: rgb(255, 255, 255);
   }
-
   #links .menu_item {
     font-size: 30px;
     margin-top: 30px;
@@ -781,7 +755,6 @@ input[type=button]:hover,
   #links .menu_item a {
     font-size: 16px;
   }
-
   footer {
     margin: 0px;
     padding: 0px;

frontend/simple/css/style.css

@@ -174,7 +174,6 @@ header nav span.menu_item.active {
 
 footer .footer_content {
   display: flex;
-  justify-content: space-between;
   max-width: 1400px;
   margin: 0 auto;
   padding: 70px 20px;
@@ -184,6 +183,8 @@ footer .footer_content .col {
   flex-direction: column;
   box-sizing: border-box;
   width: 33%;
+  max-width: 290px;
+  margin-right: 25px;
 }
 footer .footer_content .col span, footer .footer_content .col div.follow {
   padding: 8px 0;
@@ -867,12 +868,19 @@ body.login_noEmail #content.aai #main .main_content .app_subtitle {
   }
   footer .footer_content {
     flex-direction: column;
-    padding: 20px 0;
+    padding: 50px 0;
     text-align: center;
   }
   footer .footer_content .col {
+    max-width: unset;
     width: 100%;
   }
+  footer .footer_content .col h2 {
+    padding-top: 12px;
+  }
+  footer .footer_content .col a {
+    padding-bottom: 12px;
+  }
   footer .footer_content .col .follow {
     justify-content: center;
   }
@@ -896,6 +904,10 @@ body.landing_page #main {
   background-image: none;
 }
 
+#main .main_content {
+  padding: 70px 0px 305px 0px;
+}
+
 header {
   height: unset;
   padding-top: 13px;
@@ -1043,11 +1055,12 @@ footer .footer_content {
   max-width: 1160px;
   width: 95%;
   margin: auto;
-  padding: 0px;
+  padding: 67px 0px 0px 0px;
 }
 
 footer .footer_content h2 {
   font-family: "Source Sans Pro";
+  color: #1e88e5;
   text-transform: uppercase;
   font-size: 18px;
   line-height: 26px;
@@ -1060,6 +1073,10 @@ footer .footer_content .col a:hover {
   color: #4ca0ea;
 }
 
+#main footer .footer_content col {
+  max-width: 290px;
+}
+
 footer .footer_content .col1-flex {
   display: flex;
   flex-direction: column;
@@ -1071,6 +1088,10 @@ footer .footer_content .col span {
 
 footer .footer_content .col a {
   color: #333333;
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 26px;
+  font-family: "Source Sans Pro";
 }
 
 footer .footer_content .col3 .social_logo_flex a:first-of-type {

resources/sass/frontend_simple/aai.scss

@@ -339,6 +339,7 @@ footer {
     padding-top: 105px;
 
     h2 {
+        color: #343434 !important;
         text-transform: uppercase;
         font-weight: 700;
         font-size: 18px;
@@ -353,9 +354,11 @@ footer {
         width: 95%;
         margin: auto;
         padding: 0px;
+        justify-content: space-between;
 
         .col {
             max-width: 254px;
+            margin-right: unset;
 
             span {
                 font-weight: 400;

resources/sass/frontend_simple/basic/mobile.scss

@@ -154,13 +154,21 @@
 
         .footer_content{
             flex-direction: column;
-            padding: 20px 0;
+            padding: 50px 0;
 
             text-align: center;
 
             .col{
+                max-width: unset;
                 width: 100%;
 
+                h2{
+                    padding-top: 12px;
+                }
+                a{
+                    padding-bottom: 12px;
+                }
+
                 .follow{
                     justify-content: center;
                 }

resources/sass/frontend_simple/basic/popravki.scss

@@ -17,6 +17,9 @@ $blue: #1e88e5;
 body.landing_page #main {
     background-image: none;
 }
+#main .main_content {
+    padding: 70px 0px 305px 0px;
+}
 
 header {
     height: unset;
@@ -175,12 +178,13 @@ footer .footer_content {
     max-width: $max_sirina;
     width: 95%;
     margin: auto;
-    padding: 0px;
+    padding: 67px 0px 0px 0px;
 }
 
 
 footer .footer_content h2 {
     font-family: $SansPro_font;
+    color: $blue;
     text-transform: uppercase;
     font-size: 18px;
     line-height: 26px;
@@ -194,9 +198,9 @@ footer .footer_content .col a:hover{
     color: $light_blue;
 }
 
-// footer .footer_content .col {
+#main footer .footer_content col {
-//     max-width: 290px;
+    max-width: 290px;
-// }
+}
 
   
 footer .footer_content .col1-flex{
@@ -208,6 +212,11 @@ footer .footer_content .col span{
 }
 footer .footer_content .col a {
     color: $black;
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 26px;
+
+    font-family: $SansPro_font;
 }
 
 footer .footer_content .col3 .social_logo_flex a:first-of-type{

resources/sass/frontend_simple/modules/footer.scss

@@ -2,7 +2,7 @@ footer{
     
     .footer_content{
         display: flex;
-        justify-content: space-between;
+        // justify-content: space-between;
 
         max-width: 1400px;
         margin: 0 auto;
@@ -14,6 +14,9 @@ footer{
 
             box-sizing: border-box;
             width: 33%;
+            max-width: 290px;
+
+            margin-right: 25px;
 
             span, div.follow{
                 padding: 8px 0;

resources/sass/frontend_simple/style.scss

@@ -30,3 +30,4 @@
 // popravki - Nejc Kovac
 @import "./basic/popravki.scss";
 
+