From 66f3529f437c086b4f2d9453b06cce9ba40d4c8d Mon Sep 17 00:00:00 2001
From: Michael Kurz <michael.kurz@student.tuwien.ac.at>
Date: Mon, 11 Apr 2022 22:23:50 +0200
Subject: [PATCH] #38: fix config container width bug which occurred when
 closing and reopening sidebar

---
 .../visualizations/team-awareness/config.js   | 25 ++++++++++---------
 .../visualizations/team-awareness/config.scss |  3 +++
 2 files changed, 16 insertions(+), 12 deletions(-)
 create mode 100644 ui/src/visualizations/team-awareness/config.scss

diff --git a/ui/src/visualizations/team-awareness/config.js b/ui/src/visualizations/team-awareness/config.js
index 9615fe53..3e6d83ce 100644
--- a/ui/src/visualizations/team-awareness/config.js
+++ b/ui/src/visualizations/team-awareness/config.js
@@ -7,6 +7,7 @@ import * as d3 from 'd3';
 import { getState } from './util/util';
 import _ from 'lodash';
 import ActivityTimeline from './components/Timeline/ActivityTimeline';
+import styles from './config.scss';
 
 const mapStateToProps = (appState /*, ownProps*/) => {
   const { config, data } = getState(appState);
@@ -36,7 +37,18 @@ class ConfigComponent extends React.Component {
     const { onActivityDimensionsRestricted, onSelectActivityScale } = this.props;
     const { activityTimeline, yDims } = this.props.data;
     return (
-      <div>
+      <div className={styles.configContainer}>
+        <div>
+          <div>Activity:</div>
+          <div>
+            <select value={this.props.config.selectedActivityScale} onChange={value => onSelectActivityScale(value)}>
+              <option value="commits">Commits</option>
+              <option value="activity">Additions & Deletions</option>
+              <option value="additions">Additions</option>
+              <option value="deletions">Deletions</option>
+            </select>
+          </div>
+        </div>
         <div>
           <div>Timeline</div>
           <ActivityTimeline
@@ -50,17 +62,6 @@ class ConfigComponent extends React.Component {
             onDimensionsRestricted={dims => onActivityDimensionsRestricted(dims)}
           />
         </div>
-        <div>
-          <div>Activity:</div>
-          <div>
-            <select value={this.props.config.selectedActivityScale} onChange={value => onSelectActivityScale(value)}>
-              <option value="commits">Commits</option>
-              <option value="activity">Additions & Deletions</option>
-              <option value="additions">Additions</option>
-              <option value="deletions">Deletions</option>
-            </select>
-          </div>
-        </div>
       </div>
     );
   }
diff --git a/ui/src/visualizations/team-awareness/config.scss b/ui/src/visualizations/team-awareness/config.scss
new file mode 100644
index 00000000..42d1787c
--- /dev/null
+++ b/ui/src/visualizations/team-awareness/config.scss
@@ -0,0 +1,3 @@
+.configContainer {
+  width: 100%;
+}