fix: reduce size and space of wellplate header buttons

ComPlat · Nov 28, 2024 · ed94b76 · ed94b76
1 parent d624b8c
commit ed94b76
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/app/packs/src/apps/mydb/elements/details/wellplates/WellplateDetails.js b/app/packs/src/apps/mydb/elements/details/wellplates/WellplateDetails.js
@@ -239,7 +239,7 @@ export default class WellplateDetails extends Component {
 
     return (
       <div className="d-flex justify-content-between">
-        <div className="d-flex justify-content-start gap-2">
+        <div className="d-flex justify-content-start gap-1">
           <OverlayTrigger placement="bottom" overlay={<Tooltip id="screenDatesx">{datetp}</Tooltip>}>
             <span>
               <i className="icon-wellplate" />
@@ -249,18 +249,18 @@ export default class WellplateDetails extends Component {
           <ElementCollectionLabels element={wellplate} placement="right" />
           <HeaderCommentSection element={wellplate} />
         </div>
-        <div className="d-flex justify-content-end gap-2">
+        <div className="d-flex justify-content-end gap-1">
           <PrintCodeButton element={wellplate} />
           <OverlayTrigger placement="bottom" overlay={<Tooltip id="fullSample">FullScreen</Tooltip>}>
-            <Button variant="info" size="sm" onClick={() => this.props.toggleFullScreen()}>
+            <Button variant="info" size="xxsm" onClick={() => this.props.toggleFullScreen()}>
               <i className="fa fa-expand" />
             </Button>
           </OverlayTrigger>
           { displaySaveButton &&
             <OverlayTrigger placement="bottom" overlay={<Tooltip id="saveWellplate">Save Wellplate</Tooltip>}>
               <Button
                 variant="warning"
-                size="sm"
+                size="xxsm"
                 onClick={() => this.handleSubmit()}
               >
                 <i className="fa fa-floppy-o " />