Improved sidebar resizing

src/app/components/browse/chart-sidebar/chart-sidebar.component.html

@@ -19,8 +19,8 @@
     </div>
 
   </div>
-  <div class="ui positive buttons">
-    <div class="ui button" (click)="onDownloadClicked()">{{downloadButtonText}}</div>
+  <div id="downloadButtons" class="ui positive buttons">
+    <div id="downloadButton" class="ui button" (click)="onDownloadClicked()">{{downloadButtonText}}</div>
     <div *ngIf="getSelectedChartVersions().length > 1" id="versionDropdown" class="ui floating dropdown icon button">
       <i class="dropdown icon"></i>
     </div>

src/app/components/browse/chart-sidebar/chart-sidebar.component.scss

@@ -9,19 +9,28 @@
 
 #textPanel {
   flex-grow: 1;
+  overflow-y: auto;
 }
 
 #versionDropdown {
   max-width: min-content;
 }
 
+#chartDropdown {
+  min-height: min-content;
+}
+
 ::ng-deep #chartDropdownMenu > div.item {
   white-space: normal;
   word-break: break-word;
 }
 
-#chartDropdownIcon {
+#chartDropdownIcon, #versionDropdown {
   display: flex;
   flex-direction: column;
   justify-content: center;
+}
+
+#downloadButton {
+  width: min-content;
 }