Improve about tab mobile and tablet display

openfoodfoundation · Jan 8, 2020 · 8a62cab · 8a62cab
1 parent 578cfad
commit 8a62cab
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 12 deletions.
diff --git a/app/assets/stylesheets/darkswarm/shop_tabs.css.scss b/app/assets/stylesheets/darkswarm/shop_tabs.css.scss
@@ -79,7 +79,7 @@
 
   .tab-view {
     margin-bottom: 5em;
-    padding: 0;
+    padding: 0.9375rem;
     background: none;
     border: none;
 
@@ -118,10 +118,6 @@
         padding-bottom: 0.25rem;
         font-size: 0.875rem;
       }
-
-      @media all and (max-width: 640px) {
-        padding: 1em;
-      }
     }
   }
 }
diff --git a/app/views/shopping_shared/tabs/_about.html.haml b/app/views/shopping_shared/tabs/_about.html.haml
@@ -1,8 +1,10 @@
 %script{ type: "text/ng-template", id: "shop/about.html" }
-  .content#about{"ng-controller" => "AboutUsCtrl"}
-    .row
-      .small-12.large-8.columns
-        %img.hero-img-small{"ng-src" => "{{::shopfront.promo_image}}", "ng-if" => "::shopfront.promo_image"}
-        %p{"ng-bind-html" => "::shopfront.long_description"}
-      .small-12.large-4.columns
-        &nbsp;
+  #about{"ng-controller" => "AboutUsCtrl"}
+    %img.hero-img-small{"ng-src" => "{{::shopfront.promo_image}}", "ng-if" => "::shopfront.promo_image"}
+
+    .content
+      .row
+        .small-12.columns
+          %p{"ng-bind-html" => "::shopfront.long_description"}
+        .small-12.large-4.columns
+          &nbsp;