From 4bfbc0fb940fe558855617db20d47af281ef3a4b Mon Sep 17 00:00:00 2001
From: Samuel Clay <samuel@ofbrooklyn.com>
Date: Wed, 9 Dec 2020 17:11:36 -0500
Subject: [PATCH] Styling dashboard

---
 media/css/reader.css                 | 20 +++++++++++++-------
 templates/reader/dashboard.xhtml     |  8 ++++++--
 templates/reader/manage_module.xhtml |  7 +++++--
 3 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/media/css/reader.css b/media/css/reader.css
index 012a0ede0..0468a62c1 100644
--- a/media/css/reader.css
+++ b/media/css/reader.css
@@ -162,8 +162,11 @@ hr {
 }
 .NB-account {
     display: flex;
+    flex-wrap: wrap;
+}
+.NB-account .NB-module-header {
+    flex-basis: 100%;
 }
-
 .NB-account .NB-module-header-login {
     width: 142px;
     margin: 0 50px 0 0;
@@ -6385,6 +6388,7 @@ form.opml_import_form input {
 .NB-account h5.NB-module-header,
 .NB-manage h5.NB-module-header {
     text-align: center;
+    margin: 24px 0 12px;
 }
 .NB-module .NB-module-header-left {
     float: left;
@@ -6457,7 +6461,6 @@ form.opml_import_form input {
 .NB-module .NB-module-item {
     position: relative;
     min-height: 77px;
-    margin: 12px 0 0;
     clear: both;
 }
 
@@ -6502,12 +6505,12 @@ form.opml_import_form input {
 /* =========================== */
 
 .NB-module-features {
-    margin-top: 24px;
+    margin-top: 36px;
 }
 
 .NB-account .NB-module,
 .NB-manage .NB-module {
-    margin: 24px 0;
+    margin: 0;
     padding: 0;
     clear: both;
     overflow: hidden;
@@ -6899,6 +6902,7 @@ form.opml_import_form input {
 .NB-module-river .NB-view-river {
     box-shadow: 0 1px 2px rgba(0,0,0,0.1);
     border-radius: 3px;
+    margin: 0 2px;
 }
 
 /* ============ */
@@ -6950,7 +6954,7 @@ form.opml_import_form input {
     color: #404040;
     font-size: 12px;
     line-height: 16px;
-    padding: 4px 8px;
+    padding: 4px 0 4px 8px;
     margin: 0;
     width: 100%;
 }
@@ -7014,6 +7018,7 @@ form.opml_import_form input {
 
 .NB-module-recommended {
   overflow: hidden;
+  margin-top: 36px;
 }
   .NB-module-recommended .NB-module-recommended-date {
     line-height: 14px;
@@ -10417,7 +10422,7 @@ form.opml_import_form input {
   left: 0;
   position: fixed;
   height: 55px;
-  font-size: 36px;
+  font-size: 24px;
   line-height: 60px;
   margin: 0 2px 12px 0;
   text-shadow: 1px 1px 0 #F6F6F6;
@@ -10430,7 +10435,8 @@ form.opml_import_form input {
 
 .NB-static .NB-module .NB-module-title {
   margin: 0 0 12px 0;
-  padding-left: 14px;
+  padding: 44px 0 44px 18px;
+  text-align: left;
 }
 
 .NB-static .NB-module .NB-module-content {
diff --git a/templates/reader/dashboard.xhtml b/templates/reader/dashboard.xhtml
index 1e0a7918c..6c1383dc3 100644
--- a/templates/reader/dashboard.xhtml
+++ b/templates/reader/dashboard.xhtml
@@ -139,8 +139,12 @@
         {% if user.is_staff and unmoderated_feeds %}
             {% render_recommended_feed unmoderated_feeds 1 %}
         {% endif %}
+        
+        <div class="NB-account NB-module">
+            <h5 class="NB-module-header">
+                NewsBlur
+            </h5>
 
-        <div class="NB-account">            
             <div class="NB-account-left">
                 {% render_account_module %}
                 {% render_statistics_graphs statistics %}    
@@ -182,7 +186,7 @@
                         </div>
                     </div>
                 </div>  
-
+                
                 {% render_manage_module %}
 
             </div>
diff --git a/templates/reader/manage_module.xhtml b/templates/reader/manage_module.xhtml
index 984246e1f..83626f28e 100644
--- a/templates/reader/manage_module.xhtml
+++ b/templates/reader/manage_module.xhtml
@@ -2,8 +2,11 @@
 
 <div class="NB-module NB-module-manage">
     <!-- <h5 class="NB-module-header">
-	 	Manage
+	 	Manage NewsBlur
     </h5> -->
+	<h3 class="NB-module-content-header">
+		Manage NewsBlur
+	</h3>
 
     <div class="NB-module-item">
         <div class="NB-module-stats-counts">
@@ -133,4 +136,4 @@
 
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>