Merge pull request #4 from injectz/master

fixed event page for small displays and fixed path to images

Author: Slauta

apps/design/src/blocks/dates-show/dates-show.scss

@@ -63,19 +63,19 @@
                 font-weight: 600;
                 text-decoration: none;
                 color: $body-color;
-                background-image: url('/img/ticket.svg');
+                background-image: url('/guru-include/public/img/ticket.svg');
                 background-size: 100% 100%;
                 background-repeat: no-repeat;
                 &:hover {
-                    background-image: url('/img/ticket_h.svg');
+                    background-image: url('/guru-include/public/img/ticket_h.svg');
                 }
             }
             &.inactive {
                 a {
                     color: #CCCCCC;
-                    background-image: url('/img/ticket_i.svg');
+                    background-image: url('/guru-include/public/img/ticket_i.svg');
                     &:hover {
-                        background-image: url('/img/ticket_i.svg');
+                        background-image: url('/guru-include/public/img/ticket_i.svg');
                     }
                 }
             }

apps/design/src/styles/global/global-scaffolding.scss

@@ -129,6 +129,29 @@ html, body {
 }
 
 @media (max-width: 810px) {
+    .session {
+        flex-direction: column;
+    }
+    .session__left {
+        min-width: auto;
+        max-width: none;
+        width: 100%;
+        display: flex;
+        text-align: center;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+    }
+    .session__right {
+        margin: 1rem 0 0 0;
+    }
+    .description {
+        min-width: auto;
+        max-width: none;
+    }
+    .dates-show__item {
+        padding: 1rem 0;
+    }
     .navbar-guru > .row.flex-fill > .col-9 {
         max-width: 50%;
     }

apps/php/guru-include/public/css/style.css

@@ -8480,17 +8480,17 @@ a.text-dark:hover, a.text-dark:focus {
       font-weight: 600;
       text-decoration: none;
       color: #333333;
-      background-image: url("/img/ticket.svg");
+      background-image: url("/guru-include/public/img/ticket.svg");
       -webkit-background-size: 100% 100%;
               background-size: 100% 100%;
       background-repeat: no-repeat; }
       .dates-show__sessions > li a:hover {
-        background-image: url("/img/ticket_h.svg"); }
+        background-image: url("/guru-include/public/img/ticket_h.svg"); }
     .dates-show__sessions > li.inactive a {
       color: #CCCCCC;
-      background-image: url("/img/ticket_i.svg"); }
+      background-image: url("/guru-include/public/img/ticket_i.svg"); }
       .dates-show__sessions > li.inactive a:hover {
-        background-image: url("/img/ticket_i.svg"); }
+        background-image: url("/guru-include/public/img/ticket_i.svg"); }
     .dates-show__sessions > li.in3d a {
       position: relative; }
       .dates-show__sessions > li.in3d a:before {
@@ -8750,6 +8750,39 @@ html, body {
   margin-bottom: 2rem; }
 
 @media (max-width: 810px) {
+  .session {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  .session__left {
+    min-width: auto;
+    max-width: none;
+    width: 100%;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    text-align: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  .session__right {
+    margin: 1rem 0 0 0; }
+  .description {
+    min-width: auto;
+    max-width: none; }
   .navbar-guru > .row.flex-fill > .col-9 {
     max-width: 50%; }
   .calendar-column {