Calendar updates. Responsive CSS updates.

2020-09-13 11:33:57 -07:00
parent a0cb278463
commit f59594e4cd
18 changed files with 127 additions and 42 deletions
--- a/components/metrics/WebsiteChart.js
+++ b/components/metrics/WebsiteChart.js
@@ -57,14 +57,17 @@ export default function WebsiteChart({
          stickyClassName={styles.sticky}
          enabled={stickyHeader}
        >
-          <MetricsBar className="col-12 col-md-9" websiteId={websiteId} />
-          <DateFilter
-            className="col-12 col-md-3"
-            value={value}
-            startDate={startDate}
-            endDate={endDate}
-            onChange={handleDateChange}
-          />
+          <div className="col-12 col-lg-9">
+            <MetricsBar websiteId={websiteId} />
+          </div>
+          <div className={classNames(styles.filter, 'col-12 col-lg-3')}>
+            <DateFilter
+              value={value}
+              startDate={startDate}
+              endDate={endDate}
+              onChange={handleDateChange}
+            />
+          </div>
        </StickyHeader>
      </div>
      <div className="row">