add hr global styling, page padding on desktop

src/app.module.css

@@ -9,3 +9,9 @@
   overflow-x: hidden;
   min-height: 100vh;
 }
+
+@media (min-width: 640px) {
+  .app {
+    padding: 5px;
+  }
+}

src/components/board-banner/board-banner.module.css

@@ -27,10 +27,6 @@
 
 .content hr {
   width: 90%;
-  /* revert to browser styling for burichan and futaba */
-  border: var(--hr-border, revert);
-  border-top: var(--hr-border-top, revert);
-  height: var(--hr-height, revert);
 }
 
 

src/components/board-buttons/board-buttons.tsx

@@ -40,6 +40,7 @@ export const MobileBoardButtons = ({ address }: BoardButtonsProps) => {
 export const DesktopBoardButtons = ({ address }: BoardButtonsProps) => {
   return (
     <div className={styles.desktopBoardButtons}>
+      <hr />
       <SubscribeButton address={address} />
     </div>
   );

src/components/board-nav/board-nav.module.css

@@ -1,6 +1,5 @@
 
 .boardNavDesktop {
-  padding: 5px;
   font-size: var(--boardnav-font-size);
   color: var(--boardnav-separator-color);
 }

src/components/board-stats/board-stats.module.css

@@ -2,10 +2,6 @@
   min-width: 468px;
   margin-left: -4px;
   margin-bottom: 5px;
-  /* revert to browser styling for burichan and futaba */
-  border: var(--hr-border, revert);
-  border-top: var(--hr-border-top, revert);
-  height: var(--hr-height, revert);
 }
 
 .blotter {

src/index.css

@@ -43,4 +43,10 @@ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fiel
     color: var(--button-desktop-text-color-hover);
     cursor: pointer;
   }
+
+  hr {
+    border: var(--hr-border, revert);
+    border-top: var(--hr-border-top, revert);
+    height: var(--hr-height, revert);
+  }
 }