improving design

frontend/app/frame/frame.component.css

@@ -27,7 +27,7 @@ ng2-slim-loading-bar {
 
 .navbar .divider-vertical {
   height: 30px;
-  margin: 10px 1px 10px 10px;
+  margin: 10px;
   border-right: 1px solid #ffffff;
   border-left: 1px solid #f2f2f2;
 }
@@ -41,8 +41,19 @@ ng2-slim-loading-bar {
   .navbar-collapse .nav > .divider-vertical {
     display: none;
   }
+
+  .navbar-text {
+    margin-left: 0;
+  }
 }
 
+@media (min-width: 767px) {
+  .navbar-text {
+    margin-left: 0;
+  }
+}
+
+
 .badge {
   margin-left: -5px;
   padding: 0;

frontend/app/frame/frame.component.html

@@ -36,7 +36,7 @@
           </a>
         </li>
         <li>
-          <language class="navbar-btn"></language>
+          <language class="navbar-btn" isDark="true"></language>
         </li>
         <li *ngIf="authenticationRequired">
           <button class="btn btn-default navbar-btn"

frontend/app/language/language.component.css

@@ -1,3 +1,13 @@
 .dropdown-menu {
   min-width: auto;
 }
+
+.dark {
+  background-color: #222;
+  color: #FFF;
+  border-color: transparent;
+}
+
+.dark:hover {
+  border-color: #adadad;
+}

frontend/app/language/language.component.html

@@ -5,7 +5,8 @@
           id="language"
           data-toggle="dropdown"
           aria-haspopup="true"
-          aria-expanded="true">
+          aria-expanded="true"
+          [ngClass]="isDark?'dark':''">
     <ng-container *ngIf="current != null">
       {{current}}
     </ng-container>

frontend/app/language/language.component.ts

@@ -1,4 +1,4 @@
-import {Component} from "@angular/core";
+import {Component, Input} from "@angular/core";
 import {Config} from "../../../common/config/public/Config";
 import {Cookie} from "ng2-cookies";
 import {CookieNames} from "../../../common/CookieNames";
@@ -10,6 +10,7 @@ import {CookieNames} from "../../../common/CookieNames";
 })
 export class LanguageComponent {
 
+  @Input() isDark: boolean;
   languages: string[] = [];
   current: string = null;
 

frontend/locale/messages.hu.xlf

@@ -157,7 +157,7 @@
           <context context-type="sourcefile">app/gallery/share/share.gallery.component.ts</context>
           <context context-type="linenumber">18</context>
         </context-group>
-        <target>Ossza meg</target>
+        <target>Megosztás</target>
       </trans-unit>
       <trans-unit id="74f659dedc52d20e191c01d8edc94acbeb972721" datatype="html">
         <source>Copy