From a9e3458a3b93649f62919566c3ffacf27f16332c Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <github@jplamondonw.com>
Date: Thu, 29 Mar 2018 00:39:25 -0400
Subject: add success/error banner to log parser page

---
 src/SMAPI.Web/wwwroot/Content/css/log-parser.css | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

(limited to 'src/SMAPI.Web/wwwroot/Content/css')

diff --git a/src/SMAPI.Web/wwwroot/Content/css/log-parser.css b/src/SMAPI.Web/wwwroot/Content/css/log-parser.css
index cbf09ffe..9d604072 100644
--- a/src/SMAPI.Web/wwwroot/Content/css/log-parser.css
+++ b/src/SMAPI.Web/wwwroot/Content/css/log-parser.css
@@ -20,18 +20,34 @@ caption {
     font-family: monospace;
 }
 
-#upload-button {
+input#upload-button {
     background: #ccf;
     border: 1px solid #000088;
 }
 
-#upload-button {
+input#upload-button {
     background: #eef;
 }
 
 /*********
 ** Log metadata & filters
 *********/
+.banner {
+    border: 2px solid gray;
+    border-radius: 5px;
+    padding: 1em;
+}
+
+.banner.success {
+    border-color: green;
+    background: #CFC;
+}
+
+.banner.error {
+    border-color: red;
+    background: #FCC;
+}
+
 #metadata, #mods, #filters {
     font-weight: bold;
     border-bottom: 1px dashed #888888;
-- 
cgit 


From 4cd77225837b541bd6032539aa0895bade95181f Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <github@jplamondonw.com>
Date: Thu, 29 Mar 2018 00:51:23 -0400
Subject: tweak metadata formatting

---
 src/SMAPI.Web/Views/LogParser/Index.cshtml       | 18 +++++++-----------
 src/SMAPI.Web/wwwroot/Content/css/log-parser.css | 20 +++++++++++++++-----
 2 files changed, 22 insertions(+), 16 deletions(-)

(limited to 'src/SMAPI.Web/wwwroot/Content/css')

diff --git a/src/SMAPI.Web/Views/LogParser/Index.cshtml b/src/SMAPI.Web/Views/LogParser/Index.cshtml
index 7103e9a1..b739ebbb 100644
--- a/src/SMAPI.Web/Views/LogParser/Index.cshtml
+++ b/src/SMAPI.Web/Views/LogParser/Index.cshtml
@@ -78,23 +78,19 @@ else
         <table id="metadata">
             <caption>Game info:</caption>
             <tr>
-                <td>SMAPI version:</td>
-                <td v-pre>@Model.ParsedLog.ApiVersion</td>
-            </tr>
-            <tr>
-                <td>Game version:</td>
-                <td v-pre>@Model.ParsedLog.GameVersion</td>
+                <th>Stardew Valley:</th>
+                <td v-pre>@Model.ParsedLog.GameVersion on @Model.ParsedLog.OperatingSystem</td>
             </tr>
             <tr>
-                <td>Platform:</td>
-                <td v-pre>@Model.ParsedLog.OperatingSystem</td>
+                <th>SMAPI:</th>
+                <td v-pre>@Model.ParsedLog.ApiVersion</td>
             </tr>
             <tr>
-                <td>Game path:</td>
+                <th>Folder:</th>
                 <td v-pre>@Model.ParsedLog.GamePath</td>
             </tr>
             <tr>
-                <td>Log started:</td>
+                <th>Log started:</th>
                 <td>@Model.ParsedLog.Timestamp.UtcDateTime.ToString("yyyy-MM-dd HH:mm") UTC ({{localTimeStarted}} your time)</td>
             </tr>
         </table>
@@ -111,7 +107,7 @@ else
                 <tr v-on:click="toggleMod('@GetSlug(mod.Name)')" class="mod-entry" v-bind:class="{ hidden: !showMods['@GetSlug(mod.Name)'] }">
                     <td><input type="checkbox" v-bind:checked="showMods['@GetSlug(mod.Name)']" v-show="anyModsHidden" /></td>
                     <td v-pre>
-                        @mod.Name
+                        <strong>@mod.Name</strong>
                         @if (contentPacks != null && contentPacks.TryGetValue(mod.Name, out LogModInfo[] contentPackList))
                         {
                             <div class="content-packs">
diff --git a/src/SMAPI.Web/wwwroot/Content/css/log-parser.css b/src/SMAPI.Web/wwwroot/Content/css/log-parser.css
index 9d604072..789274e2 100644
--- a/src/SMAPI.Web/wwwroot/Content/css/log-parser.css
+++ b/src/SMAPI.Web/wwwroot/Content/css/log-parser.css
@@ -29,8 +29,12 @@ input#upload-button {
     background: #eef;
 }
 
+table caption {
+    font-weight: bold;
+}
+
 /*********
-** Log metadata & filters
+** Result banner
 *********/
 .banner {
     border: 2px solid gray;
@@ -48,15 +52,20 @@ input#upload-button {
     background: #FCC;
 }
 
+/*********
+** Log metadata & filters
+*********/
 #metadata, #mods, #filters {
-    font-weight: bold;
     border-bottom: 1px dashed #888888;
-    padding-bottom: 10px;
     margin-bottom: 5px;
 }
 
-table#metadata,
-table#mods {
+#metadata th {
+    text-align: right;
+    padding-right: 0.7em;
+}
+
+table#metadata, table#mods {
     border: 1px solid #000000;
     background: #ffffff;
     border-radius: 5px;
@@ -131,6 +140,7 @@ table#mods {
 #filters {
     margin: 1em 0 0 0;
     padding: 0;
+    font-weight: bold;
 }
 
 #filters span {
-- 
cgit