Merge branch 'hotfix/mobile-layout-fix' into 'develop'

Hotfix/mobile layout fix

See merge request !23

website/studerende-dk/src/components/blocks/BlockTemplate.vue

@@ -32,7 +32,7 @@ export default {
   .heading {
     color: $lightest-theme-color;
     background-color: $theme-color;
-    cursor: move;
+    pointer-events: none;
 
     h2 {
       padding: 10px $padding;
@@ -65,4 +65,11 @@ export default {
     margin-right: -$padding;
     margin-bottom: 0;
   }
+
+  @media only screen and (min-width: $mobile-width-cutoff) {
+    .heading {
+      cursor: move;
+      pointer-events: auto;
+    }
+  }
 </style>
\ No newline at end of file

website/studerende-dk/src/components/blocks/Calendar.vue

@@ -289,7 +289,7 @@ export default {
 
     thead{
       border: 0;
-      cursor: move;
+      pointer-events: none;
 
       tr{
         &:first-of-type{
@@ -398,6 +398,10 @@ export default {
       box-shadow: 1px 1px 3px black;
     }
   }
+  
+  #leftButton, #rightButton {
+    pointer-events: auto;
+  }
 
   #rightButton{
     float: right;
@@ -454,4 +458,11 @@ export default {
       }
     }
   }
+
+  @media only screen and (min-width: $mobile-width-cutoff) {
+    thead {
+      cursor: move;
+      pointer-events: auto !important;
+    }
+  }
 </style>  

website/studerende-dk/src/components/blocks/Deadlines.vue

@@ -44,7 +44,7 @@ export default {
 
 <style scoped lang="scss">
   .block{
-    min-width: 350px;
+    min-width: 250px;
   }
 
   ul {

website/studerende-dk/src/views/Home.vue

@@ -367,6 +367,7 @@ export default {
       }
     },
   },
+
   mounted(){
     this.mobileLayoutResize();
     this.prevWinWidth = window.innerWidth;
@@ -417,7 +418,7 @@ export default {
 
   .row {
     display: flex;
-    margin-bottom: $gap/2;
+    margin-bottom: $gap / 2;
     flex-direction: column;
     position: relative;
     min-height: 150px;
@@ -492,7 +493,7 @@ export default {
 
   @media only screen and (min-width: $mobile-width-cutoff) {
     #grid{
-      padding: $gap;
+      padding: $gap $gap / 2;
     }
 
     .row{
@@ -528,13 +529,13 @@ export default {
 
     // Must be outside ".row" or else after affect children
     .row::after{
-          content: " ";
-          background-color: rgba(0, 0, 0, 0);
-          position: absolute;
-          bottom: - $gap;
-          width: 100%;
-          height: $gap;
-          cursor: n-resize;
+      content: " ";
+      background-color: rgba(0, 0, 0, 0);
+      position: absolute;
+      bottom: - $gap;
+      width: 100%;
+      height: $gap;
+      cursor: n-resize;
     }
   }
 </style>