From 7e55ab9f0be44428cb226be4d148ff98dce249f9 Mon Sep 17 00:00:00 2001
From: eireland <eireland@concord.org>
Date: Fri, 26 Jan 2024 15:25:39 -0800
Subject: [PATCH] Fixes date range container width

Fixes attribute selection width

Fixes overall app width and height
---
 src/components/App.scss                   | 2 +-
 src/components/App.tsx                    | 2 +-
 src/components/attribute-selector.scss    | 4 ++--
 src/components/date-range/date-range.scss | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/App.scss b/src/components/App.scss
index fcb1f10..e7ff949 100755
--- 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
index 0f28af8..120a8df 100755
--- 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
index d12147a..8ffea65 100644
--- 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
index b939851..8447197 100644
--- 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 {