2 files changed, 8 insertions, 5 deletions
diff --git a/pyload/web/app/styles/default/dashboard.less b/pyload/web/app/styles/default/dashboard.less
index cd240f323..ed87e19a1 100644
--- a/pyload/web/app/styles/default/dashboard.less
+++ b/pyload/web/app/styles/default/dashboard.less
@@ -1,4 +1,5 @@
-@import "common";
+@import "bootstrap/less/mixins";
+@import "common";
 
 /*
     Dashboard
@@ -44,10 +45,8 @@
   margin: 8px 0;
   position: relative;
   overflow: hidden;
+  .hyphens;
 
-  -webkit-hyphens: auto;
-  -moz-hyphens: auto;
-  hyphens: auto;
 
   i {
     cursor: pointer;
@@ -274,6 +273,7 @@
   .bar {
     text-align: left;
     .gradient(top, @yellow, @yellowDark);
+    .transition-duration(2s);
     color: @dark;
   }
 
diff --git a/pyload/web/app/styles/default/style.less b/pyload/web/app/styles/default/style.less
index d77558cd7..b75f45a65 100644
--- a/pyload/web/app/styles/default/style.less
+++ b/pyload/web/app/styles/default/style.less
@@ -1,4 +1,5 @@
-@import "common";
+@import "bootstrap/less/mixins";
+@import "common";
 
 /*
     Header
@@ -135,6 +136,7 @@ header { //  background-color: @greyDark;
       margin-bottom: 0;
 
       .bar {
+        .transition-duration(2s);
         .gradient(bottom, @blue, @blueLight);
       }
     }
@@ -153,6 +155,7 @@ header { //  background-color: @greyDark;
     color: @dark;
     background-image: none;
     background-color: @yellow;
+    .transition-duration(2s);
 
     &.running {
       width: 100%;