add offline indicator to all desktop views

src/components/styled/Board.styled.jsx

@@ -30,6 +30,12 @@ export const NavBar = styled.div`
     #board-nav-mobile {
       display: none;
     }
+
+    .offline-nav {
+      width: 12px;
+      position: relative;
+      margin: 2px 2px -2px -2px;
+    }
   }
 
   @media (max-width: 480px) {
@@ -1617,6 +1623,13 @@ export const BoardForm = styled.div`
       margin-top: 10px;
     }
 
+    .offline-sub {
+      width: 13px;
+      margin-right: -5px;
+      margin-bottom: -2px;
+      position: relative;
+    }
+
     ${({ selectedStyle }) => {
     switch (selectedStyle) {
       case 'Yotsuba':

src/components/styled/Home.styled.jsx

@@ -286,18 +286,28 @@ export const BoardsContent = styled.div`
     .boardlink, #view-all {
       font-size: 1.2em;
     }
+
+    .disconnected {
+      width: 15px;
+      margin-bottom: -1px;
+      position: absolute;
+    }
   }
 
   @media (min-width: 480px) {
     #mobile-br {
       display: none;
     }
+
+    .disconnected {
+      width: 11px;
+      margin-bottom: -1px;
+      margin-top: 2px;
+      position: absolute;
+    }
   }
 
-  .disconnected {
-    width: 13px;
-    position: absolute;
-  }
+  
 `;
 
 export const Footer = styled.div`