OpenConceptLab/ocl_issues#1050 | fixing horizontal divider display/width

OpenConceptLab · Oct 26, 2021 · c81c9bb · c81c9bb
1 parent 481a694
commit c81c9bb
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/common/ConceptContainerVersionList.jsx b/src/components/common/ConceptContainerVersionList.jsx
@@ -209,7 +209,7 @@ const ConceptContainerVersionList = ({ versions, resource, canEdit, onUpdate, fh
                         </div>
                       </div>
                       {
-                        (index + 1) < versions.length && <Divider style={{width: '100%'}} />
+                        (index + 1) < versions.length && <Divider style={{width: '100%', display: 'inline-block'}} />
                       }
                     </div>
                   )

diff --git a/src/components/common/VersionList.jsx b/src/components/common/VersionList.jsx
@@ -136,7 +136,7 @@ const VersionList = ({ versions, resource }) => {
                     </div>
                     {
                       !isAssociated(version) && ((index + 1) < versions.length) &&
-                      <Divider style={{width: '100%'}} />
+                      <Divider style={{width: '100%', display: 'inline-block'}} />
                     }
                   </React.Fragment>
                 )

diff --git a/src/components/imports/Task.jsx b/src/components/imports/Task.jsx
@@ -36,7 +36,7 @@ const Task = ({task, open, onOpen, onClose, onRevoke, onDownload}) => {
         <div className='col-md-9 no-right-padding' style={{margin: '5px 0', overflow: 'auto'}}>
           {formattedValue || ' - '}
         </div>
-        <Divider style={{width: '100%'}}/>
+        <Divider style={{width: '100%', display: 'inline-block'}}/>
       </React.Fragment>
     )
   }

diff --git a/src/components/mappings/MappingHomeDetails.jsx b/src/components/mappings/MappingHomeDetails.jsx
@@ -52,7 +52,7 @@ const MappingHomeDetails = ({ mapping }) => {
                 {mapping.map_type}
               </div>
             </div>
-            <Divider style={{width: '100%'}} />
+            <Divider style={{width: '100%', display: 'inline-block'}} />
             <div className='col-md-12' style={{marginBottom: '5px', marginTop: '15px'}}>
               <div style={{fontWeight: '300'}} className='col-md-4 no-left-padding'>
                 From Concept
@@ -69,7 +69,7 @@ const MappingHomeDetails = ({ mapping }) => {
                 <ToConceptLabel {...mapping} />
               </div>
             </div>
-            <Divider style={{width: '100%'}} />
+            <Divider style={{width: '100%', display: 'inline-block'}} />
             <div className='col-md-12' style={{marginBottom: '5px', marginTop: '15px'}}>
               <div style={{fontWeight: '300'}} className='col-md-4 no-left-padding'>
                 Updated By