From add99476538dddae1ecf68efa0775d42842dea5b Mon Sep 17 00:00:00 2001
From: "Patrik J. Braun" <bra.patrik@gmail.com>
Date: Sun, 7 Jan 2018 16:22:41 -0500
Subject: [PATCH] improving design

---
 frontend/app/frame/frame.component.css        | 13 ++++++++++++-
 frontend/app/frame/frame.component.html       |  2 +-
 frontend/app/language/language.component.css  | 10 ++++++++++
 frontend/app/language/language.component.html |  3 ++-
 frontend/app/language/language.component.ts   |  3 ++-
 frontend/locale/messages.hu.xlf               |  2 +-
 6 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/frontend/app/frame/frame.component.css b/frontend/app/frame/frame.component.css
index 39ae5c3f..ca36e56d 100644
--- a/frontend/app/frame/frame.component.css
+++ b/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;
diff --git a/frontend/app/frame/frame.component.html b/frontend/app/frame/frame.component.html
index c2c53bb6..fdcf7816 100644
--- a/frontend/app/frame/frame.component.html
+++ b/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"
diff --git a/frontend/app/language/language.component.css b/frontend/app/language/language.component.css
index d9a9b302..9d4ec5ec 100644
--- a/frontend/app/language/language.component.css
+++ b/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;
+}
diff --git a/frontend/app/language/language.component.html b/frontend/app/language/language.component.html
index 51dc1cfc..ed4775dc 100644
--- a/frontend/app/language/language.component.html
+++ b/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>
diff --git a/frontend/app/language/language.component.ts b/frontend/app/language/language.component.ts
index 3c4d129e..e106d083 100644
--- a/frontend/app/language/language.component.ts
+++ b/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;
 
diff --git a/frontend/locale/messages.hu.xlf b/frontend/locale/messages.hu.xlf
index 3ba7365b..aef917af 100644
--- a/frontend/locale/messages.hu.xlf
+++ b/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