Fixed logos on mobile> Fixed sidebar so it doesn't cut off logos.

src/components/FacilityDialog.js

@@ -56,7 +56,7 @@ class FacilityDialog extends React.Component {
                     <Grid item className={'fd-header-container'}>
                         <Grid container className={'fd-header'}>
                             <Grid item>
-                                <Avatar src={facility.logo} />
+                                <Avatar className={'fd-avatar'} src={facility.logo} />
                             </Grid>
                             <Grid item className={'fd-header-text-container'}>
                                 <Typography className={'fd-header-text'} type={'headline'}>

src/styles/components/facilityDialog.scss

@@ -28,6 +28,15 @@
   width: 100%;
 }
 
+.fd-avatar {
+  border-radius: 0 !important;
+
+  & > img {
+    object-fit: contain !important;
+    border-radius: 0 !important;
+  }
+}
+
 .fd-header {
   display: flex !important;
   flex-wrap: nowrap !important;

src/styles/components/sidebar.scss

@@ -64,11 +64,14 @@
 .sidebar-avatar {
   width: 100px !important;
   height: 100px !important;
-}
-.sidebar-avatar>img{
+  border-radius: 0 !important;
+
+  & > img {
     object-fit: contain !important;
-    border-radius: 0px !important;
+    border-radius: 0 !important;
+  }
 }
+
 .sidebar-title {
   height: 100px;
   margin-left: 8px;

src/styles/containers/facilityCard.scss

@@ -32,11 +32,8 @@
 .fc-logo-container {
   width: 100px;
   height: 100px;
-//   box-sizing: border-box;
-  margin: auto;
-  margin-top: -60px;
+  margin: -60px auto auto auto;
   border-radius: 50%;
-//   border: 5px solid white;
   box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
   overflow: hidden;
 }
@@ -45,10 +42,7 @@
   width: 90px;
   height: 90px;
   margin: auto;
-//   border-radius: 50%;
   background-size: contain !important;
-//   padding:5px;
-//   box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 
 .fc-title {