Fixes date range container width

Fixes attribute selection width Fixes overall app width and height
concord-consortium · Jan 26, 2024 · 7e55ab9 · 7e55ab9
1 parent 768c385
commit 7e55ab9
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/App.scss b/src/components/App.scss
@@ -1,6 +1,6 @@
 .App {
   padding: 12px;
-  box-sizing: content-box;
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;

diff --git a/src/components/App.tsx b/src/components/App.tsx
@@ -23,7 +23,7 @@ const kPluginName = "NOAA Weather Station Data";
 const kVersion = "0014";
 const kInitialDimensions = {
   width: 360,
-  height: 650
+  height: 670
 };
 
 export const App = () => {

diff --git a/src/components/attribute-selector.scss b/src/components/attribute-selector.scss
@@ -60,10 +60,10 @@
     }
   }
 
-  .attribute-selection{
+  .attribute-selection {
     display: flex;
     flex-wrap: wrap;
-    margin: 8px 0 11px 0;
+    margin: 8px 12px 11px 12px;
 
     .attribute-button {
       display: flex;

diff --git a/src/components/date-range/date-range.scss b/src/components/date-range/date-range.scss
@@ -3,7 +3,7 @@
 .date-range-container {
   height: 73px;
   padding: 8px 0px;
-  width:s $inner-container-width;
+  width: $inner-container-width;
   background-color: #fff;
 
   .date-range-header {