beginning changes to sidear

src/components/FacilitiesMap.js

@@ -137,7 +137,7 @@ class FacilitiesMap extends React.Component {
           height: "200px",
           width: "380px",
           margin:"10px",
-          borderRadius:'5px',
+          borderRadius:'3px',
           cursor: 'pointer',
 
         }}

src/components/Sidebar.js

@@ -44,15 +44,11 @@ const Sidebar = ({facility, isSidebarOpen, isSidebarMapOpen, toggleSidebarMap, f
             </div>
             <Divider className={'sidebar-divider'}/>
             <div className={'sidebar-label-holder'}>
-                <div className={'sidebar-label-row'}>
                     <TextwTitle label="Location" content="The Johnson Center"/>
                     <TextwTitle label="Menu" content="https://amenufromaplace.com"/>
-                </div>
-                <div className={'sidebar-label-row'}>
                     <TextwTitle label="Location" content="The Johnson Center"/>
                     <TextwTitle label="Labels"
                                 content=""/>
-                </div>
             </div>
             <div className={'sidebar-row2'}>
                 <FacilitiesMap isMapOpen={isSidebarMapOpen} facilities={facilities} facility={facility}/>

src/styles/components/sidebar.scss

@@ -3,7 +3,11 @@
 }
 
 .sidebar-label-holder {
-  margin: 16px;
+  margin-left: 16px;
+  margin-right: 16px;
+}
+.sidebar-label-holder>*{
+    margin-bottom:16px;
 }
 
 .sidebar-open {

src/styles/components/textwTitle.scss

 .text-w-title-label {
-  font-weight: 400;
+  font-family: "Roboto-Regular";
   font-size: 12px;
   color: rgba(0,0,0,.54);
 };
 
 .text-w-title-content {
-  font-weight: 400;
+  font-family: "Roboto-Medium";
   font-size: 14px;
   text-overflow: ellipsis;
   width: 176px;
   white-space: nowrap;
   overflow: hidden;
+  color:#354052;
 }
\ No newline at end of file