[deploy] Fix various small style issues (#7075)

app/assets/stylesheets/base/reset.scss

@@ -46,7 +46,7 @@ dd {
 
 // Set core body defaults
 body {
-  min-height: 100vh;
+  min-height: calc(100vh - $header-height);
   scroll-behavior: smooth;
   text-rendering: optimizeSpeed;
   line-height: 1.5;

app/assets/stylesheets/chat.scss

@@ -3,7 +3,7 @@
 
 // High level classes
 .chat-page-wrapper {
-  margin: 24px auto 0px;
+  margin: 10px auto 0px;
   width: 96%;
   max-width: calc(1540px + 10vw);
 }
@@ -1125,8 +1125,9 @@
     padding-top: 42%;
   }
   h1 {
-    margin-top: 15px;
+    margin-top: 8px;
     padding: 0px calc(10px + 0.2vw);
+    line-height: 1.1em;
     img {
       height: 1.2em;
       width: 1.2em;
@@ -1139,7 +1140,7 @@
     }
   }
   h4 {
-    margin-top: -12px;
+    margin-top: 12px;
     margin-bottom: 15px;
     color: var(--card-color-tertiary);
     font-weight: 500;

app/assets/stylesheets/comments.scss

@@ -1038,6 +1038,7 @@ a.header-link {
       position: relative;
       width: calc(100% + 60px);
       margin-left: -58px;
+      font-family: $helvetica;
       &.submitting {
         input[type='submit'] {
           background: $bold-blue;