Hide OrcasHub in sidebar on desktop

common/after_header.html

@@ -3,7 +3,7 @@
     There are a lot more discussions going on if you log in!
     </h2>
 
-    <button class="widget-button btn btn-primary btn-small sign-up-button btn-text">
+    <a href="/login" class="widget-button btn btn-primary btn-small sign-up-button btn-text">
         <span class="d-button-label">Log in or Sign Up</span>
-    </button>
+    </a>
 </div>

common/common.scss

@@ -7,9 +7,15 @@ html.anon {
     body:not(.category-resources) {
         // Display this message on all pages except in Community Resources
         #login-message {
+            text-align: center;
             display: flex;
             flex-direction: column;
             align-items: center;
+            margin: 16px 0;
+
+            a:hover {
+                color: var(--secondary-very-high);
+            }
         }
     }
 }
@@ -583,8 +589,9 @@ html body #main-outlet {
 
     .topic-map,
     .topic-avatar,
+    .more-topics__container,
     .names.trigger-user-card { // Hide the lock icon in the topic header of the post
-        display: none;
+        display: none !important;
     }
 
     .topic-meta-data {

desktop/desktop.scss

@@ -31,7 +31,15 @@
     }
 }
 
+// Sidebar
+
+.sidebar-section[data-section-name="orcashub"] {
+    // Hide OrcasHub section in the sidebar on desktop since it's show in the header.
+    display: none !important;
+}
+
 // Footer
+
 .custom-footer {
     .list {
         margin: 2rem 5em 4rem;