From 8db7d376d4596b7903af41c6d66bdb8a515b3ff9 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Fri, 9 Feb 2018 20:07:48 -0800
Subject: [PATCH] simplify grid-template-areas

---
 routes/_components/status/MediaAttachments.html    |  2 +-
 routes/_components/status/Status.html              | 14 +++++++-------
 routes/_components/status/StatusAuthor.html        |  2 +-
 routes/_components/status/StatusContent.html       |  2 +-
 routes/_components/status/StatusHeader.html        |  2 +-
 .../_components/status/StatusMediaAttachments.html |  2 +-
 routes/_components/status/StatusSidebar.html       |  2 +-
 routes/_components/status/StatusSpoiler.html       |  4 ++--
 routes/_components/status/StatusToolbar.html       |  2 +-
 9 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/routes/_components/status/MediaAttachments.html b/routes/_components/status/MediaAttachments.html
index 91979ac..002d898 100644
--- a/routes/_components/status/MediaAttachments.html
+++ b/routes/_components/status/MediaAttachments.html
@@ -6,7 +6,7 @@
 </div>
 <style>
   .status-media {
-    grid-area: status-media;
+    grid-area: media;
     display: grid;
     align-items: center;
     justify-content: center;
diff --git a/routes/_components/status/Status.html b/routes/_components/status/Status.html
index a0ca783..3a9c76b 100644
--- a/routes/_components/status/Status.html
+++ b/routes/_components/status/Status.html
@@ -25,13 +25,13 @@
     padding: 10px 20px;
     display: grid;
     grid-template-areas:
-        ".............. status-header"
-        "status-sidebar status-author"
-        "status-sidebar status-spoiler"
-        "status-sidebar status-spoiler-button"
-        "status-sidebar status-content"
-        "status-media   status-media"
-        ".............. status-toolbar";
+        "....... header"
+        "sidebar author"
+        "sidebar spoiler"
+        "sidebar spoiler-button"
+        "sidebar content"
+        "media   media"
+        "....... toolbar";
     grid-template-columns: 58px 1fr;
   }
 
diff --git a/routes/_components/status/StatusAuthor.html b/routes/_components/status/StatusAuthor.html
index 4ae011d..d343b7a 100644
--- a/routes/_components/status/StatusAuthor.html
+++ b/routes/_components/status/StatusAuthor.html
@@ -17,7 +17,7 @@
 </div>
 <style>
   .status-author {
-    grid-area: status-author;
+    grid-area: author;
     display: flex;
     align-items: center;
     margin: 0 10px 0 5px;
diff --git a/routes/_components/status/StatusContent.html b/routes/_components/status/StatusContent.html
index cd0772b..9ab450e 100644
--- a/routes/_components/status/StatusContent.html
+++ b/routes/_components/status/StatusContent.html
@@ -7,7 +7,7 @@
 <style>
   .status-content {
     margin: 10px 10px 10px 5px;
-    grid-area: status-content;
+    grid-area: content;
     word-wrap: break-word;
     overflow: hidden;
     white-space: pre-wrap;
diff --git a/routes/_components/status/StatusHeader.html b/routes/_components/status/StatusHeader.html
index c238b82..4db83b7 100644
--- a/routes/_components/status/StatusHeader.html
+++ b/routes/_components/status/StatusHeader.html
@@ -41,7 +41,7 @@
   }
 
   .status-header {
-    grid-area: status-header;
+    grid-area: header;
     margin: 5px 10px 5px 5px;
     display: flex;
     align-items: center;
diff --git a/routes/_components/status/StatusMediaAttachments.html b/routes/_components/status/StatusMediaAttachments.html
index 953d013..192d056 100644
--- a/routes/_components/status/StatusMediaAttachments.html
+++ b/routes/_components/status/StatusMediaAttachments.html
@@ -35,7 +35,7 @@
 {{/if}}
 <style>
   .status-sensitive-media-container {
-    grid-area: status-media;
+    grid-area: media;
     margin: 10px 0;
     position: relative;
     border-radius: 0;
diff --git a/routes/_components/status/StatusSidebar.html b/routes/_components/status/StatusSidebar.html
index be6e575..df77f27 100644
--- a/routes/_components/status/StatusSidebar.html
+++ b/routes/_components/status/StatusSidebar.html
@@ -3,7 +3,7 @@
         size="small" />
 <style>
   :global(.status-sidebar) {
-    grid-area: status-sidebar;
+    grid-area: sidebar;
     margin: 0 10px 0 0;
   }
 </style>
diff --git a/routes/_components/status/StatusSpoiler.html b/routes/_components/status/StatusSpoiler.html
index 50d8402..fcbb51c 100644
--- a/routes/_components/status/StatusSpoiler.html
+++ b/routes/_components/status/StatusSpoiler.html
@@ -8,7 +8,7 @@
 </div>
 <style>
   .status-spoiler {
-    grid-area: status-spoiler;
+    grid-area: spoiler;
     word-wrap: break-word;
     overflow: hidden;
     white-space: pre-wrap;
@@ -17,7 +17,7 @@
   }
 
   .status-spoiler-button {
-    grid-area: status-spoiler-button;
+    grid-area: spoiler-button;
     margin: 5px;
   }
 
diff --git a/routes/_components/status/StatusToolbar.html b/routes/_components/status/StatusToolbar.html
index 0889127..21dab0b 100644
--- a/routes/_components/status/StatusToolbar.html
+++ b/routes/_components/status/StatusToolbar.html
@@ -22,7 +22,7 @@
 </div>
 <style>
   .status-toolbar {
-    grid-area: status-toolbar;
+    grid-area: toolbar;
     display: flex;
     justify-content: space-between;
   }