Adjust layout and styling

eea · Sep 20, 2021 · ea4d06c · ea4d06c
1 parent 3352382
commit ea4d06c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -4,3 +4,13 @@
 @element: custom;
 
 @import (multiple) '~@eeacms/search-less/theme.less';
+
+.sui-multi-checkbox-facet__option-input-wrapper {
+  max-width: 15em;
+}
+
+.sui-multi-checkbox-facet__input-text {
+  // overflow: hidden;
+  // white-space: nowrap;
+  // max-width: 15em;
+}
diff --git a/src/components/Layout/LeftColumnLayout.jsx b/src/components/Layout/LeftColumnLayout.jsx
@@ -14,10 +14,10 @@ const LeftColumnLayout = (props) => {
 
       <Grid columns={2} container stackable className="body-content">
         <Grid.Row>
-          <Grid.Column widescreen="4">
+          <Grid.Column widescreen="3">
             <div>{sideContent}</div>
           </Grid.Column>
-          <Grid.Column widescreen="8">
+          <Grid.Column widescreen="9">
             <div>{bodyHeader}</div>
             <div>{bodyContent}</div>
           </Grid.Column>