From cf7eb5b0fc98258a382821b15b6880b95ecfa015 Mon Sep 17 00:00:00 2001
From: Matthew Ross <kiswa.com@gmail.com>
Date: Mon, 11 May 2020 19:13:20 -0400
Subject: [PATCH] Style updates

---
 src/scss/_board.scss | 15 ++++++++++++--
 src/scss/_files.scss | 47 ++++++++++++++++++++++++++++++++++++++++++++
 src/scss/main.scss   |  1 +
 3 files changed, 61 insertions(+), 2 deletions(-)
 create mode 100644 src/scss/_files.scss

diff --git a/src/scss/_board.scss b/src/scss/_board.scss
index 8a3663a..8dd30f1 100644
--- a/src/scss/_board.scss
+++ b/src/scss/_board.scss
@@ -325,8 +325,15 @@
       cursor: pointer;
     }
 
-    [type="file"] {
-      width: 80%;
+    .file-upload {
+      input {
+        margin-right: 7px;
+        width: 84.7%;
+      }
+
+      button {
+        margin-right: 0;
+      }
     }
 
     .details {
@@ -392,6 +399,10 @@
           margin-left: 7px;
         }
 
+        a {
+          text-decoration: none;
+        }
+
         .pull-right {
           color: $color-primary;
           float: right;
diff --git a/src/scss/_files.scss b/src/scss/_files.scss
new file mode 100644
index 0000000..706e46a
--- /dev/null
+++ b/src/scss/_files.scss
@@ -0,0 +1,47 @@
+.file-viewer {
+  @include shadow-low;
+
+  background-color: $white;
+  bottom: 2rem;
+  left: 2rem;
+  position: absolute;
+  right: 2rem;
+  top: 5rem;
+
+  .header {
+    background-color: $color-heading-bg;
+    border-bottom: 1px solid lighten($color-border, 18%);
+    font-family: Raleway;
+    font-size: 24px;
+    font-weight: 500;
+    padding: 7px;
+
+    .right {
+      font-size: 1rem;
+    }
+
+    a {
+      background: none;
+      color: $color-primary;
+      text-shadow: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .content {
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 2.45rem;
+
+    iframe {
+      border: none;
+      border-radius: 0;
+      height: 100%;
+    }
+  }
+}
diff --git a/src/scss/main.scss b/src/scss/main.scss
index 26e740f..1b004d9 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -24,4 +24,5 @@
 @import 'notifications';
 @import 'modal';
 @import 'context-menu';
+@import 'files';