adjust css for sample list view

mxcube · Oct 3, 2023 · 1e70717 · 1e70717
1 parent 1145e14
commit 1e70717
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/ui/src/components/SampleGrid/SampleGridTable.css b/ui/src/components/SampleGrid/SampleGridTable.css
@@ -6,10 +6,6 @@
   display: inline;
 }
 
-.samples-grid-table {
-  flex-wrap: nowrap;
-}
-
 .samples-grid-table-card {
   border: 0px !important;
 }
@@ -21,7 +17,6 @@
 
 .samples-grid-table-card-body {
   padding: 1.5em 0.5em 0.5em 0.5em;
-  overflow: scroll;
 }
 
 .sample-items-collapsible {
@@ -89,6 +84,10 @@
   cursor: context-menu;
 }
 
+.samples-grid-table-li-manual {
+  margin-right: 5px;
+}
+
 .samples-grid-table-item {
   list-style-type: none !important;
   padding: 0px;

diff --git a/ui/src/containers/SampleFlexView.jsx b/ui/src/containers/SampleFlexView.jsx
@@ -118,7 +118,7 @@ class NewSampleFlexView extends React.Component {
     // for any number of cell
     const scContent = [1, 2, 3, 4, 5, 6, 7, 8];
     return (
-      <Col sm>
+      <Col sm={3}>
         <div className="div-svg-flex">
           <svg
             className="svg-flex"