diff --git a/src/app.module.css b/src/app.module.css
index 4f8cc954..6c9bae3a 100644
--- a/src/app.module.css
+++ b/src/app.module.css
@@ -9,3 +9,9 @@
overflow-x: hidden;
min-height: 100vh;
}
+
+@media (min-width: 640px) {
+ .app {
+ padding: 5px;
+ }
+}
\ No newline at end of file
diff --git a/src/components/board-banner/board-banner.module.css b/src/components/board-banner/board-banner.module.css
index 89b5fb97..9036e4af 100644
--- a/src/components/board-banner/board-banner.module.css
+++ b/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);
}
diff --git a/src/components/board-buttons/board-buttons.tsx b/src/components/board-buttons/board-buttons.tsx
index 3d8dccb6..b472d1c5 100644
--- a/src/components/board-buttons/board-buttons.tsx
+++ b/src/components/board-buttons/board-buttons.tsx
@@ -40,6 +40,7 @@ export const MobileBoardButtons = ({ address }: BoardButtonsProps) => {
export const DesktopBoardButtons = ({ address }: BoardButtonsProps) => {
return (
+
);
diff --git a/src/components/board-nav/board-nav.module.css b/src/components/board-nav/board-nav.module.css
index a423c85e..d36195b2 100644
--- a/src/components/board-nav/board-nav.module.css
+++ b/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);
}
diff --git a/src/components/board-stats/board-stats.module.css b/src/components/board-stats/board-stats.module.css
index 3ef0b558..137eed71 100644
--- a/src/components/board-stats/board-stats.module.css
+++ b/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 {
diff --git a/src/index.css b/src/index.css
index 7b696175..242f4b87 100644
--- a/src/index.css
+++ b/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);
+ }
}
\ No newline at end of file