feat: final bug fixes

src/css/injected.scss

@@ -481,7 +481,7 @@ ul.magicDelete > li.deleting {
   place-items: center;
 }
 #menu .sub {
-  top: 71.5px;
+  top: 71px;
   margin-top: -2px;
 }
 
@@ -728,7 +728,7 @@ html.bsplus-custom-title-pending #title > :not(#bsplus-title-root),
     &::before {
       box-shadow: none !important;
       border-bottom: none !important;
-      height: calc(69.5px + 8px) !important;
+      height: calc(71px + 8px) !important;
     }
   }
 
@@ -1123,7 +1123,7 @@ ol:has([class*="MessageList__avatar___"] svg) {
 }
 #container #content::before {
   content: "";
-  height: 69.5px;
+  height: 71px;
   width: 100%;
 }
 .menuShown #container #content #title {
@@ -1356,7 +1356,7 @@ body.student #menu > ul::before {
   position: sticky;
   top: 0;
   background-color: transparent;
-  height: 69.5px;
+  height: 71px;
   box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
 }
 
@@ -1605,9 +1605,14 @@ html.transparencyEffects
   color: var(--text-primary) !important;
   display: flex;
   justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
   padding-right: 56px !important;
-  height: 54px;
-  min-height: 48px;
+  /* Must match logo/`#content` spacer (~71px). A 54px height only "looked"
+     taller in DEV (content-box); production content-script Tailwind forces
+     border-box and collapses the bar to 54px. */
+  height: 71px;
+  min-height: 71px;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 10px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   font-weight: 500 !important;
@@ -1620,12 +1625,13 @@ html.transparencyEffects
 
 #title::before {
   background-image: var(--betterseqta-logo);
-  background-position: left;
+  background-position: left center;
   background-repeat: no-repeat;
   background-size: auto 48px;
   height: 69.5px;
   content: "";
   width: 184px;
+  flex-shrink: 0;
 }
 .rightElements {
   display: flex;
@@ -1648,10 +1654,20 @@ html.transparencyEffects
   color: var(--text-color);
 }
 .timetable-arrows {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-shrink: 0;
+  gap: 4px;
   padding: 5px;
 }
 .timetable-arrows svg {
-  margin: 0 5px;
+  display: block;
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  position: static;
   cursor: pointer;
 }
 .timetable-arrows svg:hover {
@@ -1801,9 +1817,12 @@ html.transparencyEffects
   -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);
 }
-.border {
+/* Not named `.border` — Tailwind’s utility of that name is injected into the
+   page via content-script CSS in production and would paint a 1px outline. */
+.bsplus-rounded {
   border-radius: 16px;
   overflow: clip;
+  border-width: 0;
 }
 .shortcut-container h2 {
   font-size: 20px;