Navbar logos fix

frontend/src/app/components/master-page/master-page.component.scss

@@ -68,10 +68,6 @@ li.nav-item {
   }
 }
 
-.navbar-brand {
-  width: 60%;
-}
-
 .navbar {
   .dropdown {
     .dropdown-toggle {
@@ -80,10 +76,8 @@ li.nav-item {
   }
 }
 
-@media (min-width: 576px) {
-  .navbar-brand {
-    width: 140px;
-  }
+.navbar-brand {
+  position: relative;
 }
 
 nav {
@@ -93,8 +87,7 @@ nav {
 .connection-badge {
   position: absolute;
   top: 13px;
-  left: 0px;
-  width: 140px;
+  width: 100%;
 }
 
 .badge {
@@ -150,10 +143,21 @@ nav {
   max-height: 45px;
   max-width: 140px;
   margin: auto;
+  align-self: center;
 }
 
 .subdomain_container {
   width: 140px;
   margin-right: 15px;
   text-align: center;
-}
+}
+
+.logo-holder {
+  display: flex;
+  flex-direction: row;
+}
+
+.navbar-brand {
+  flex-direction: row;
+  display: flex;
+}