Cosmetic improvements to ViewMedia page

1 files changed, 39 insertions, 0 deletions

diff --git a/wwwroot/styles/global.css b/wwwroot/styles/global.css
index 6c6e6f1..4a76f87 100644
--- a/wwwroot/styles/global.css
+++ b/wwwroot/styles/global.css
@@ -21,4 +21,43 @@ input {
     border:        1px solid #aaa;
     background:    rgba(0, 0, 0, 0.3);
     border-radius: 5px;
+}
+
+button {
+    background:    #f0f;
+    border-radius: 10px;
+    border:        none;
+    box-sizing:    border-box;
+    height:        30px;
+    padding:       0 7px 0 7px;
+}
+
+button:hover {
+    background: #f8f;
+}
+
+button:active {
+    background: #fff;
+}
+
+table.data-table {
+    border-collapse: collapse;
+    width:           100%;
+}
+
+table.data-table > tbody > tr > th {
+    border-bottom: 1px solid white;
+    padding:       4px;
+}
+
+table.data-table > tbody > tr > td {
+    padding: 4px;
+}
+
+table.data-table > tbody > tr:nth-child(2n):not(:last-child) {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+table.data-table > tbody > tr > td:not(:last-child) {
+    border-right: 1px solid white;
 }
\ No newline at end of file