From 352714713b3f76834b513033719b34959a317154 Mon Sep 17 00:00:00 2001
From: jamesn81 <james@jamesnorth.com>
Date: Tue, 22 Aug 2017 00:27:31 +1000
Subject: [PATCH] Update desktop.scss

Truncated code to one-size-fits-all and fixed comments to ensure understanding of current terms for views.
---
 desktop/desktop.scss | 28 +++++++++++-----------------
 1 file changed, 11 insertions(+), 17 deletions(-)

diff --git a/desktop/desktop.scss b/desktop/desktop.scss
index 52d0af1..192b506 100644
--- a/desktop/desktop.scss
+++ b/desktop/desktop.scss
@@ -21,6 +21,17 @@
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
 }
 
+//add shadow behind the list of topics on right in Category and Latest View
+//add shadow behind list of categories on left in Category and Latest View
+//add shadow behind topics in Latest view
+.category-list, .topic-list:not(.categories), .latest-topic-list{
+  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+  background-color: lighten($secondary, 10%);
+  border-collapse: collapse;
+  }
+
 
 //underline navigation links
 .nav-pills>li.active>a, .nav-pills>li>a.active {
@@ -45,23 +56,6 @@
   }
 }
 
-//add shadow behind the list of topics, but not categories
-.category-list, .topic-list:not(.categories){
-  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-  background-color: lighten($secondary, 10%);
-  border-collapse: collapse;
-}
-
-//shadow behind list of topics on right hand side when in cateogry list view
-.latest-topic-list {
-  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-  background-color: lighten($secondary, 10%);
-  border-collapse: collapse;
-}
 
 //create conversation cards
 .topic-body{