rater: use flexbox for layout, fixed height, ...

looks almost the same as before in webkit and blink, and works around gecko having looked horrible before
chrissxMedia · Nov 5, 2023 · bc47c64 · bc47c64
1 parent 7a6970f
commit bc47c64
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -35,6 +35,8 @@ import KinkCheck from "../components/KinkCheck";
  }
  td {
  padding-left: 8px;
+ padding-top: 2px;
+ padding-bottom: 2px;
  }
  h2 {
  margin-bottom: 6px;
@@ -78,7 +80,9 @@ import KinkCheck from "../components/KinkCheck";
  font-size: 16pt;
  }
  .rater {
- padding-bottom: 2px;
+ height: 16pt;
+ display: flex;
+ flex-direction: row;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;