Improve project overview page

- info-labels now have min-width instead of fixed width - now refreshes on restart success
microclimate-dev2ops · Jan 15, 2019 · 5760718 · 5760718
1 parent 991ce9f
commit 5760718
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/dev/res/css/project-overview.css b/dev/res/css/project-overview.css
@@ -1,5 +1,5 @@
 #main {
-    max-width: 600px;
+    max-width: 700px;
 }
 
 #top-section, #bottom-section {
@@ -17,18 +17,14 @@
     margin-right: 10px;
 }
 
-table {
-    table-layout: fixed;
-}
-
 tr {
     padding-bottom: 0.25em;
 }
 
 .info-label {
     font-weight: bold;
     padding-right: 1em;
-    width: 125px;
+    min-width: 125px;
 }
 
 input[type="checkbox"] {

diff --git a/dev/src/microclimate/project/Project.ts b/dev/src/microclimate/project/Project.ts
@@ -250,6 +250,7 @@ export default class Project implements ITreeItemAdaptable, vscode.QuickPickItem
 
             this.setAppPort(event.ports.exposedPort);
             this.setDebugPort(event.ports.exposedDebugPort);
+            this.tryRefreshProjectInfoPage();
 
             success = true;
         }