style update

- adding margin to rows on gallery view page

web/themes/asc_bootstrap/assets/sass/components/_gallery.scss

@@ -11,6 +11,17 @@
   padding: 0 10px 40px;
 }
 
+.view-gallery-directory {
+  .row {
+    display: flex;
+    margin-bottom: 40px;
+
+    @media (max-width: 768px) {
+        display: block;
+    }
+  }
+}
+
 
 //
 // Gallery

web/themes/asc_bootstrap/css/style.css

@@ -10788,42 +10788,54 @@ article .field--name-body {
   padding: 0 10px 40px;
 }
 
-/* line 20, ../assets/sass/components/_gallery.scss */
+/* line 15, ../assets/sass/components/_gallery.scss */
+.view-gallery-directory .row {
+  display: flex;
+  margin-bottom: 40px;
+}
+@media (max-width: 768px) {
+  /* line 15, ../assets/sass/components/_gallery.scss */
+  .view-gallery-directory .row {
+    display: block;
+  }
+}
+
+/* line 31, ../assets/sass/components/_gallery.scss */
 .gallery {
   margin-bottom: 40px;
 }
-/* line 24, ../assets/sass/components/_gallery.scss */
+/* line 35, ../assets/sass/components/_gallery.scss */
 .gallery .field--name-field-gallery-media .field--item {
   width: 150px;
   display: inline-block;
   margin: 10px 5px;
 }
-/* line 29, ../assets/sass/components/_gallery.scss */
+/* line 40, ../assets/sass/components/_gallery.scss */
 .gallery .field--name-field-gallery-media .field--item .gallery-card {
   display: inline-block;
   margin: 10px 10px 10px 0;
 }
-/* line 33, ../assets/sass/components/_gallery.scss */
+/* line 44, ../assets/sass/components/_gallery.scss */
 .gallery .field--name-field-gallery-media .field--item .gallery-card a {
   width: 150px;
   display: inherit;
   overflow: hidden;
   height: 150px;
 }
-/* line 43, ../assets/sass/components/_gallery.scss */
+/* line 54, ../assets/sass/components/_gallery.scss */
 .gallery .field--name-field-gallery-media .field--item .video-gallery a {
   width: 150px;
   display: inherit;
   overflow: hidden;
   height: 150px;
 }
-/* line 49, ../assets/sass/components/_gallery.scss */
+/* line 60, ../assets/sass/components/_gallery.scss */
 .gallery .field--name-field-gallery-media .field--item .video-gallery a img {
   width: 300px;
   height: auto;
 }
 
-/* line 60, ../assets/sass/components/_gallery.scss */
+/* line 71, ../assets/sass/components/_gallery.scss */
 .ekko-lightbox-nav-overlay-left {
   z-index: 1;
   position: inherit;
@@ -10832,7 +10844,7 @@ article .field--name-body {
   float: left;
   top: 50%;
 }
-/* line 68, ../assets/sass/components/_gallery.scss */
+/* line 79, ../assets/sass/components/_gallery.scss */
 .ekko-lightbox-nav-overlay-left a {
   color: #fff;
   font-size: 30px;
@@ -10841,14 +10853,14 @@ article .field--name-body {
   left: 10px;
   background: rgba(100, 100, 100, 0.5);
 }
-/* line 77, ../assets/sass/components/_gallery.scss */
+/* line 88, ../assets/sass/components/_gallery.scss */
 .ekko-lightbox-nav-overlay-left a span {
   width: 100%;
   padding: 0 15px;
   text-align: left;
 }
 
-/* line 86, ../assets/sass/components/_gallery.scss */
+/* line 97, ../assets/sass/components/_gallery.scss */
 .ekko-lightbox-nav-overlay-right {
   z-index: 1;
   position: inherit;
@@ -10857,7 +10869,7 @@ article .field--name-body {
   float: right;
   top: 50%;
 }
-/* line 94, ../assets/sass/components/_gallery.scss */
+/* line 105, ../assets/sass/components/_gallery.scss */
 .ekko-lightbox-nav-overlay-right a {
   color: #fff;
   font-size: 30px;
@@ -10866,35 +10878,35 @@ article .field--name-body {
   right: 10px;
   background: rgba(100, 100, 100, 0.5);
 }
-/* line 102, ../assets/sass/components/_gallery.scss */
+/* line 113, ../assets/sass/components/_gallery.scss */
 .ekko-lightbox-nav-overlay-right a span {
   text-align: right;
   padding: 0 15px;
   width: 100%;
 }
 
-/* line 117, ../assets/sass/components/_gallery.scss */
+/* line 128, ../assets/sass/components/_gallery.scss */
 .ekko-lightbox-nav-overlay a {
   opacity: 1 !important;
   color: #000000;
   position: absolute;
   bottom: 50%;
 }
-/* line 123, ../assets/sass/components/_gallery.scss */
+/* line 134, ../assets/sass/components/_gallery.scss */
 .ekko-lightbox-nav-overlay a:first-child {
   left: 10px;
 }
-/* line 127, ../assets/sass/components/_gallery.scss */
+/* line 138, ../assets/sass/components/_gallery.scss */
 .ekko-lightbox-nav-overlay a:last-child {
   right: 10px;
 }
 
-/* line 133, ../assets/sass/components/_gallery.scss */
+/* line 144, ../assets/sass/components/_gallery.scss */
 .ekko-lightbox-container > div.ekko-lightbox-item {
   z-index: 1;
 }
 
-/* line 137, ../assets/sass/components/_gallery.scss */
+/* line 148, ../assets/sass/components/_gallery.scss */
 .embed-responsive {
   z-index: 1;
 }