fix(client): layout inconsistency

vhs · Dec 29, 2024 · b646d83 · b646d83
1 parent e82648c
commit b646d83
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/client/src/Components/DeviceCard/index.jsx b/client/src/Components/DeviceCard/index.jsx
@@ -120,7 +120,9 @@ const DeviceCard = ({ id }) => {
                 <Col>
                     <Row className='tool-title'>
                         <Col>
-                            <h3>{device.id}</h3>
+                            <div>
+                                <h3>{device.id}</h3>
+                            </div>
                         </Col>
                     </Row>
                     <Row className='spacious'>

diff --git a/client/src/Components/DeviceCard/style.css b/client/src/Components/DeviceCard/style.css
@@ -1,15 +1,9 @@
 .DeviceCard {
     border: solid 1px grey;
     border-radius: 5px;
-    margin-top: 5px;
-    margin-bottom: 5px;
-    /* margin-left: 5px;
-    margin-right  : 5px; */
-    padding: -15px;
-    width: 90em;
+    margin: 5px auto;
 }
 
-.tool-title {
-    border-bottom-width: 80px;
+.tool-title > .col > div {
     border-bottom: solid 2px black;
 }