Add a separator on the shutter items

diff --git a/app/static/src/sass/pages/_home.scss b/app/static/src/sass/pages/_home.scss
index 5a6d37fb26893ddec19005df6762549b1f96bc71..82d60d585f7af8b372a9d1a2de1c6d4c2eace796 100644 (file)
--- a/app/static/src/sass/pages/_home.scss
+++ b/app/static/src/sass/pages/_home.scss
@@ -46,7 +46,7 @@ $module: ".home";
         background: white;
         z-index: 100;
 
-        @include padding(1 0);
+        @include padding(2 0 0 0);
         @include transform(scaleY(0));
         @include transition(transform 0.35s ease-in-out);
         transition-delay: 0.15s;
@@ -71,7 +71,7 @@ $module: ".home";
 
     &__shutter-content {
 
-        @include padding(0 9);
+        @include padding(0 7);
         @include transition(opacity 0.15s ease-in-out);
         opacity: 0;
         transition-delay: 0s;
@@ -80,6 +80,26 @@ $module: ".home";
             @include padding(0 3);
         }
 
+        @include mq($until: md) {
+            @include padding(0 1);
+        }
+
+        .col-xs-3:nth-child(n+5) {
+
+            &:before {
+
+                content: "";
+                display: block;
+                background: #979797;
+                height: 1px;
+                width: 100%;
+                @include margin-bottom(1);
+                @include margin-top(3);
+
+            }
+
+        }
+
     }
 
     &__shutter-item {
@@ -87,9 +107,6 @@ $module: ".home";
         text-decoration: none;
         display: block;
 
-        @include margin-top(1);
-        @include margin-bottom(1);
-
         >h2 {
             @include font-size(l);
             @include line-height(1);