new account page layout, added translations for webui

3 files changed, 35 insertions, 25 deletions

diff --git a/pyload/web/app/styles/default/accounts.less b/pyload/web/app/styles/default/accounts.less
index 9b45b64b3..c388015b6 100644
--- a/pyload/web/app/styles/default/accounts.less
+++ b/pyload/web/app/styles/default/accounts.less
@@ -3,4 +3,10 @@
 .logo-select {
   width: 20px;
   height: 20px;
+}
+
+.vertical-header {
+  .rotate(-90deg);
+  font-weight: bold;
+  text-transform: uppercase;
 }
\ No newline at end of file
diff --git a/pyload/web/app/styles/default/dashboard.less b/pyload/web/app/styles/default/dashboard.less
index ed87e19a1..336070737 100644
--- a/pyload/web/app/styles/default/dashboard.less
+++ b/pyload/web/app/styles/default/dashboard.less
@@ -309,6 +309,11 @@ FANCY CHECKBOXES
 
 }
 
+.li-check > a {
+  padding-left: 8px !important;
+  padding-right: 8px !important;
+}
+
 li.finished > a, li.finished:hover > a {
   background-color: @green;
   color: @light;
diff --git a/pyload/web/app/styles/default/style.less b/pyload/web/app/styles/default/style.less
index b75f45a65..b24e5ff21 100644
--- a/pyload/web/app/styles/default/style.less
+++ b/pyload/web/app/styles/default/style.less
@@ -174,8 +174,8 @@ header { //  background-color: @greyDark;
     float: right;
     width: 100%;
     .centered;
-//    height: @header-height - 16px;
-//    margin: 8px 0;
+    //    height: @header-height - 16px;
+    //    margin: 8px 0;
     font-family: sans-serif;
   }
 }
@@ -240,36 +240,35 @@ header { //  background-color: @greyDark;
   padding-top: 2px;
   margin-bottom: 5px;
 
-}
-
-.actionbar > li > a {
-  margin-top: 4px;
-}
+  & > li > a, & > li > button {
+    margin-top: 4px;
+  }
 
-.actionbar .breadcrumb {
-  margin: 0;
-  padding-top: 10px;
-  padding-bottom: 0;
+  .breadcrumb {
+    margin: 0;
+    padding-top: 10px;
+    padding-bottom: 0;
 
-  .active {
-    color: @grey;
+    .active {
+      color: @grey;
+    }
   }
 
-}
+  form {
+    margin-top: 6px;
+    margin-bottom: 0;
+  }
 
-.actionbar form {
-  margin-top: 6px;
-  margin-bottom: 0;
-}
+  input, button {
+    padding-top: 2px;
+    padding-bottom: 2px;
+  }
 
-.actionbar input, .actionbar button {
-  padding-top: 2px;
-  padding-bottom: 2px;
-}
+  .dropdown-menu i {
+    margin-top: 4px;
+    padding-right: 5px;
+  }
 
-.actionbar .dropdown-menu i {
-  margin-top: 4px;
-  padding-right: 5px;
 }
 
 /*