CSS Fixes

- Fix file list header does not have rounded corners like the diff area
- Fix bottom of file list not aligned with bottom of diff area
- Fix diff area gets clipped at narrow window widths

Author: AustonZ

css/style.css

@@ -12,6 +12,8 @@
 {
     flex: 0 0 250px;
     border: 1px solid #e5e5e5;
+    border-radius: 4px 4px 0 0;
+    margin-bottom: 16px;
     margin-right: 15px;
     overflow: auto;
 }
@@ -54,7 +56,6 @@
     text-align: left;
     padding: 10px 16px;
     word-wrap: break-word;
-    border-radius: 3px 3px 0 0;
     font-weight: bold;
 
     margin-bottom: 15px;
@@ -81,8 +82,6 @@
     display: none;
 }
 
-
-
 .gitlab-tree-plugin-left .file
 {
     padding-left: 20px;
@@ -96,6 +95,7 @@
 .gitlab-tree-plugin-right
 {
     flex: 0 0 1;
+    width: calc(100% - 265px);
 }
 
 .gitlab-tree-plugin-file-renamed, .gitlab-tree-plugin-file-renamed:hover
@@ -123,4 +123,4 @@
 .gitlab-tree-plugin-file-commented-icon
 {
     margin-right: 7px;
-}
+}