Adjust border radius on category list page

common/common.scss

@@ -1,3 +1,21 @@
+// Header image above nav bar
+.outer {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+    display: flex;
+    justify-content: center;
+    background-color: var(--header_background);
+}
+
+.top-header-image {
+    background-image: url($OrcasHub-Top-Logo);
+}
+
+// Hide the default logo in the header bar
+.home-logo-wrapper-outlet {
+    display: none;
+}
+
 // custom search banner customizations
 .custom-search-banner-wrap {
   margin: 0 auto !important;
@@ -286,6 +304,16 @@ html body #main-outlet {
   border-radius: 0.5em;
 }
 
+// Category List
+
+.custom-category-boxes-container {
+    .custom-category-boxes {
+        .category-box {
+            border-radius: .5rem !important;
+        }
+    }
+}
+
 // Topic List
 
 @keyframes background-fade-highlight {

common/header.html

@@ -0,0 +1,5 @@
+<div class="outer">
+    <a href="https://orcas.community/">
+        <div class="top-header-image"></div>
+	</a>
+</div>

desktop/desktop.scss

@@ -1,3 +1,8 @@
 @import "showcased-categories";
 @import "chat-desktop";
 @import "sidebar-desktop";
+
+.top-header-image {
+    height: 128px;
+    width: 246px;
+}

mobile/mobile.scss

@@ -1,5 +1,11 @@
 @import "chat-mobile";
 
+.top-header-image {
+    height: 80px;
+    width: 154px;
+    background-size: 154px 80px;
+}
+
 .custom-search-banner-wrap {
   h1 {
     font-size: 2.5em !important;