Merge pull request #27 from leungkimming/michael3

Michael3
leungkimming · Apr 28, 2022 · ad5c67e · ad5c67e
2 parents 9679826 + 20e19ea
commit ad5c67e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 18 deletions.
diff --git a/Client/Shared/MainLayout.razor b/Client/Shared/MainLayout.razor
@@ -15,26 +15,22 @@
             <div class="menu-button">
                 <TelerikButton Icon="menu" OnClick="@ToggleMenuDrawer" />
             </div>
-            <table width="100%" table-layout="fixed">
-                <tr>
-                    <td class="title" width="62%">
-                        <h1>.NET 6 Framework</h1>
-                    </td>
-                    <td class="information" width="8%">
-                      @if (@_RuntimeInfo?.Environment != "Production") {
+             <div class="title">
+                <h1>.NET 6 Framework</h1>
+            </div>
+            <div class="information div-container" >
+                 @if (@_RuntimeInfo?.Environment != "Production") {
                         <label>@_RuntimeInfo?.Environment</label>
                       }
-                    </td>                
-                    <td class="information" width="10%">
-                        <label>(@_RuntimeInfo?.Build)</label>
-                    </td>
-                    <td class="information"  width="20%">
-                        <label>@_RuntimeInfo?.User</label>
-                    </td>
-                </tr>
-            </table>
+            </div>
+            <div class="information div-container">
+                <label>(@_RuntimeInfo?.Build)</label>
+            </div>
+            <div class="information div-container" >
+                <label>@_RuntimeInfo?.User</label>
+            </div>
             <div class="settings">
-                <TelerikButton Icon="gear" />
+                <TelerikButton Icon="gear" OnClick="@GoToRuntimeInfo" />
             </div>
         </div>
     </div>

diff --git a/Client/wwwroot/css/app.css b/Client/wwwroot/css/app.css
@@ -109,7 +109,6 @@ a, .btn-link {
     }
 
     .header .information {
-        flex: 0 0 24px;
         text-align: center
     }