Fixes margins on notification inbox

gdixon · gdixon · commit b1e886bc2025 · 2021-04-22T06:17:39.000+01:00
diff --git a/app/assets/v2/scss/notifications.scss b/app/assets/v2/scss/notifications.scss
@@ -218,7 +218,7 @@ html.dark-mode {
   background: white;
   padding-bottom: 1rem;
   margin-bottom: 3rem;
-  margin-top: -3em;
+  margin-top: 3rem;
   z-index: 0;
   position: relative;
   border-radius: 4px;
diff --git a/app/inbox/templates/inbox.html b/app/inbox/templates/inbox.html
@@ -23,14 +23,14 @@
     {% include 'shared/head.html' %}
     {% include 'shared/cards.html' %}
   </head>
-  <body class="{{ active }} bg-lightblue g-font-muli">
+  <body class="{{ active }} g-font-muli">
     <div class="content__main min-vh-100 d-md-flex flex-column">
       {% include 'shared/top_nav.html' with class='d-md-flex' %}
       {% include 'shared/nav.html' %}
       <header class="header">
         {% include 'shared/minihero.html' with h1='Notifications' suppress_logo=1 %}
       </header>
-      <section class="container inbox__notifications" id="gc-inbox">
+      <section class="container inbox__notifications shadow-lg" id="gc-inbox">
 
         <div class="notifications_button-group">
           <div class="align-items-center d-flex">
diff --git a/app/retail/templates/shared/minihero.html b/app/retail/templates/shared/minihero.html
@@ -32,7 +32,7 @@ <h1 class="minihero__title">{{h1}}</h1>
     </div>
   {% else %}
     <div class="col">
-      <h1 class="minihero__title mb-2">{{h1}}</h1>
+      <h1 class="minihero__title mb{% if not suppress_logo %}-2{% else %}-5 mt-1{% endif %}">{{h1}}</h1>
       <div class="w-100"></div>
       {% if not suppress_logo %}
         <img class="about-gc-logo" src="{% static "v2/images/new-logos/gc-h-pos.svg" %}" width="600px" />
