Final Styling

public/css/myChart.css

@@ -54,7 +54,7 @@
 	z-index: -1;
 }
 
-#sidebar {
+#sidebar { 
 	position:absolute;
 	top:0px;
 	left:-200px;
@@ -84,7 +84,7 @@
 }
 
 #sidebar div.list div.item{
-	padding:15px 10px;
+	padding:25px 10px;
 	border-bottom:1px solid #444;
 	color:#fcfcfc;
 	text-transform:uppercase;
@@ -106,6 +106,8 @@
 	overflow-y: auto;
 }
 
+
+
 .dropdown-btn {
 	padding: 15px 10px;
 	text-decoration: none;
@@ -124,6 +126,10 @@
 	background-color: royalblue;
 	color: white;
   }
+
+  select { width: 170px;
+			height: 40px;
+	}
   
   /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
   .dropdown-container {

public/main.html

@@ -236,7 +236,7 @@
             <!--SELECT Adresse-->
             <div class="item">
                 <label class="lang" key="chooseaarea" id="arealabel" for="SearchAddress">Search Address:</label>
-                <input id="SearchAddress" type="text" name="SearchAddress">
+                <input id="SearchAddress" type="text" size="15" name="SearchAddress">
                 <br><br>
                 <input id="SerachID" type="button" onclick="searchaddress()" class="btn btn-primary" value="Search">
             </div>
@@ -273,7 +273,7 @@
                  <div class="dropp-body"></div>
                  
                  <div class="select">
-                     <select id="selectBox" onchange="chosenAttributeHandler(this);">
+                     <select id="selectBox" size=1 style-width=100px onchange="chosenAttributeHandler(this);" >
                          <option selected disabled>Choose one</option>
                          <option class=specificYield key= specificYield id="specificYield" value="specificYield" type="selectBox">Specific Yield</option>                        
                          <option class=totalInvestment key="totalInvestment" id="totalInvestment" value="totalInvestment" type="selectBox">Total Investment</option>
@@ -288,7 +288,7 @@
                      </select>
                      <span class="focus"></span>
                    </div>
-             </div>
+             </div> <br>
             <!--Draw-menu-->
             <button class="dropdown-btn"><span class='lang' key='drawbox'>Draw box</span><i class="fa fa-caret-down"></i></button>
             <div class="dropdown-container">
@@ -303,7 +303,7 @@
                 <button class="buttonBlue1" type="button" style="background: rgb(90, 90, 90)" onclick="reset()">
                     <div class='lang' key='reset'>Reset</div>
                 </button>
-            </div>
+            </div><br>
             <button class="dropdown-btn">Filter<i class="fa fa-caret-down"></i></button>
             <div id="filterswitches" class="dropdown-container">
                 <br>
@@ -321,7 +321,7 @@
                         <span class="slider round"></span>
                     </label>
                 </div>
-            </div>
+            </div> <br>
 
             <div id="chartButton" class="button">
                 <div class='lang' key='chart'>Chart</div>