Fix layout issues

FortuneStreetModding · Jun 25, 2024 · e8cfda2 · e8cfda2
1 parent 1403ec8
commit e8cfda2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/src/components/board/boardImage.astro b/src/components/board/boardImage.astro
@@ -25,20 +25,17 @@ const { board, link, imageHeight } = Astro.props;
   filter: blur(1px) grayscale(50%) contrast(50%) opacity(65%);
   z-index: 1;
 }
-.btn-state-tiny {
+.btn-state-tiny.btn-primary {
   position: absolute;
   line-height: 0;
   border-width: 2px;
   width: 2rem;
   white-space: nowrap;
   z-index: 3;
-  background-color: var(--bs-secondary-bg);
   text-shadow: -1px 0px 1px #000000, 1px 0px 1px #000000, 0px 1px 1px #000000, 0px -1px 1px #000000;
-}
-.btn-state-tiny.btn-primary {
   background-color: rgba(var(--bs-secondary-bg-rgb), 0.5);
   border-color: var(--bs-secondary-border-subtle);
-  padding: 0px 6px;
+  padding: 12px 6px;
 }
 .btn-state-tiny.btn-primary
 :checked+.btn-state-tiny {

diff --git a/src/components/board/boardNameAndDescription.astro b/src/components/board/boardNameAndDescription.astro
@@ -24,15 +24,15 @@ const { board } = Astro.props;
   .jp:checked ~ .lang :not(.jp) {
     visibility: hidden
   }
-  .lang {
+  .row.lang {
     display: grid;
     float: left;
   }
-  .lang > * {
+  .row.lang > * {
     grid-row: 1;
     grid-column: 1;
   }
-  .btn-lang-tiny {
+  .btn.btn-lang-tiny {
     padding: 0.75rem 0.375rem;
     line-height: 0;
     float: right;