Fixing org overview alignments

OpenConceptLab · Jan 4, 2022 · 6a7bf43 · 6a7bf43
1 parent b640698
commit 6a7bf43
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/orgs/Overview.jsx b/src/components/orgs/Overview.jsx
@@ -14,7 +14,7 @@ const Overview = ({ org, pins, onPinDelete, onPinOrderUpdate, canDeletePin, memb
           {
             isEmpty(pins) ?
             <React.Fragment>
-              <h3 style={{margin: '10px 0px', display: 'flex', alignItems: 'center'}}>
+              <h3 style={{margin: '10px 0px', display: 'flex', alignItems: 'center', padding: '0 10px'}}>
                 <PinIcon pinned="true" fontSize='small' style={{marginRight: '5px'}} />
                 Pinned
               </h3>
@@ -31,9 +31,9 @@ const Overview = ({ org, pins, onPinDelete, onPinOrderUpdate, canDeletePin, memb
             />
           }
         </div>
-        <div className='col-xs-12 no-side-padding'>
+        <div className='col-xs-12' style={{padding: '0 10px'}}>
           <h3 style={{margin: '10px 0px', display: 'flex', alignItems: 'center', marginTop: '30px'}}>
-            <OrgIcon fontSize='small' style={{marginRight: '5px'}} />
+            <OrgIcon fontSize='small' style={{marginRight: '5px', marginLeft: '2px'}} />
             {`About ${org.id}`}
           </h3>
           {