Fix banner padding

mikojimnz · Nov 17, 2021 · 801d58e · 801d58e
1 parent c88e24c
commit 801d58e
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 21 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/app/login.html b/app/login.html
@@ -36,7 +36,7 @@
 
     <div class="media-background-container">
       <img class="media-background object-fit-cover" src="../img/ucf-downtown.jpg" alt="">
-      <div class="row banner-bottom">
+      <div class="row login-banner-bottom">
         <div class="col col-12"><img src="../img/TheTab_sm.png" alt="" class="login-banner-logo"></div>
       </div>
     </div>

diff --git a/app/reset.html b/app/reset.html
@@ -38,7 +38,7 @@
 
     <div class="media-background-container">
       <img class="media-background object-fit-cover" src="../img/ucf-downtown.jpg" alt="">
-      <div class="row banner-bottom">
+      <div class="row login-banner-bottom">
         <div class="col col-12"><img src="../img/TheTab_sm.png" alt="" class="login-banner-logo"></div>
       </div>
     </div>

diff --git a/css/styles.css b/css/styles.css
diff --git a/css/styles.css.map b/css/styles.css.map
diff --git a/css/styles.scss b/css/styles.scss
@@ -80,8 +80,7 @@ header {
 }
 
 .banner-bottom {
-    padding-top: 30px;
-    height: 140px;
+    height: 110px;
 }
 
 .banner-logo {
@@ -90,14 +89,6 @@ header {
     height: 85px;
 }
 
-.login-banner-logo {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    height: 85px;
-    // margin-top: 30px;
-}
-
 .banner-logo-text {
     color: white;
     white-space: nowrap;
@@ -109,6 +100,18 @@ header {
     overflow: visible;
 }
 
+.login-banner-logo {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    height: 85px;
+}
+
+.login-banner-bottom {
+    padding-top: 30px;
+    height: 140px;
+}
+
 .media-background {
     filter: brightness(50%);
 }