Merge branch 'development' into 'development'

Add lock files to .gitignore and small styling changes

See merge request !14

.gitignore

@@ -20,6 +20,8 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+yarn.lock
+package-lock.json
 
 #local dotfiles
 /.storybook

src/styles/containers/desktopLayout.scss

-@import '../_variables.scss';
+@import "../_variables.scss";
 
 .desktop-layout-root {
   padding-top: 64px;
@@ -27,4 +27,16 @@
   height: 100%;
   overflow-y: auto;
   overflow-x: hidden;
-}
\ No newline at end of file
+
+  &::-webkit-scrollbar {
+    width: 10px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #888;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: #555;
+  }
+}

src/styles/containers/facilityCard.scss

-@import '../_variables.scss';
-@import '../_mixins.scss';
+@import "../_variables.scss";
+@import "../_mixins.scss";
 
 .fc-root {
   width: 250px;
   border-radius: 5px !important;
   position: relative;
+  cursor: pointer;
 }
 
 .fc-card-content {
   padding: 8px 4px 0 !important;
 }
 
-
 .fc-small-grid-item-spacing {
   padding: 3px 8px !important;
 }
@@ -35,7 +35,8 @@
   height: 100px;
   margin: -60px auto auto auto;
   border-radius: 50%;
-  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
+    0 3px 3px -2px rgba(0, 0, 0, 0.12);
   overflow: hidden;
   background-color: white;
 }
@@ -86,16 +87,16 @@
     @include transition(150ms ease-in-out);
 
     &.fc-selected {
-      transform: scale(.9);
+      transform: scale(0.9);
     }
 
     &:hover {
       .favorite-button-heart {
-          color: grey;
+        color: grey;
 
-          @media (prefers-color-scheme: dark) {
-            color: white;
-          }
+        @media (prefers-color-scheme: dark) {
+          color: white;
+        }
       }
     }
   }
@@ -137,10 +138,10 @@
 }
 
 .fc-logo {
-    margin:5px;
+  margin: 5px;
 }
 
 .fc-card-map-marker-icon {
   height: 20px !important;
   width: 20px !important;
-}
\ No newline at end of file
+}