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