Remove usage of the top-bar-title class

This class was only there in order to use Foundation's styles, but
the amount of styles we were using was equal to the amount of
styles we were overwriting.

app/assets/stylesheets/layout.scss

@@ -550,6 +550,10 @@ body > header,
 
   .top-bar {
     @include background-with-text-contrast($main-header, [main-header, brand]);
+
+    h1 {
+      line-height: $line-height;
+    }
   }
 }
 
@@ -563,12 +567,13 @@ body > header,
 
 .top-bar {
   background-color: inherit;
-  padding: 0;
+  padding-left: 0;
+  padding-right: 0;
 
   @include breakpoint(medium) {
     justify-content: flex-start;
 
-    .top-bar-title {
+    h1 {
       flex-grow: 1;
     }
   }
@@ -577,9 +582,8 @@ body > header,
     background: none;
   }
 
-  .top-bar-title {
+  h1 {
-    line-height: $line-height;
+    margin-bottom: 0;
-    margin-right: 0;
 
     a img {
       height: rem-calc(48);

app/assets/stylesheets/layout/admin_header.scss

@@ -16,6 +16,7 @@
 
   .top-bar {
     height: auto;
+    padding-bottom: 0;
     padding-top: $line-height / 2;
 
     @include breakpoint(small only) {
@@ -52,7 +53,6 @@
 
     h1 {
       margin-top: $line-height / 2;
-      margin-bottom: 0;
 
       @include breakpoint(medium) {
         margin-top: 0;

app/views/layouts/_header.html.erb

@@ -18,7 +18,7 @@
       </button>
     </span>
 
-    <h1 class="top-bar-title">
+    <h1>
       <%= link_to root_path, accesskey: "0" do %>
         <%= image_tag(image_path_for("logo_header.png"), alt: setting["org_name"]) %>
       <% end %>