From 14702fa96df7802c48b3bd27795d6d9c2203c9ab Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Fri, 16 Jun 2017 12:19:44 +0300
Subject: [PATCH] [Common] tidied styles

---
 apps/common/main/resources/less/toolbar.less | 81 +++++++++-----------
 1 file changed, 35 insertions(+), 46 deletions(-)

diff --git a/apps/common/main/resources/less/toolbar.less b/apps/common/main/resources/less/toolbar.less
index 50323fc97..3f5fbb77b 100644
--- a/apps/common/main/resources/less/toolbar.less
+++ b/apps/common/main/resources/less/toolbar.less
@@ -11,34 +11,33 @@
     }
 
     &.folded {
-    height: @height-tabs;
-    transition: height .2s;
-    overflow: hidden;
+        height: @height-tabs;
+        transition: height .2s;
+        overflow: hidden;
 
-    &.expanded {
-      height: @height-tabs + @height-controls;
-      overflow: visible;
-    }
-
-    &:not(.expanded):not(.cover){
-
-      .ribtab.active {
-        > a {
-          font-weight: normal;
+        &.expanded {
+            height: @height-tabs + @height-controls;
+            overflow: visible;
+        }
+
+        &:not(.expanded):not(.cover){
+          .ribtab.active {
+            > a {
+              font-weight: normal;
+            }
+          }
         }
-      }
     }
-  }
 
     .box-tabs {
-    height: @height-tabs;
+        height: @height-tabs;
 
-    display: flex;
-    align-items: stretch;
+        display: flex;
+        align-items: stretch;
 
-    .extra {
-      background-color: @tabs-bg-color;
-    }
+        .extra {
+            background-color: @tabs-bg-color;
+        }
 
     //&::after {
     //  content: '';
@@ -49,7 +48,7 @@
     //  left: 0;
     //  z-index: 1;
     //}
-  }
+    }
 
     .tabs {
         flex-grow: 1;
@@ -107,16 +106,6 @@
           letter-spacing: 0.7px;
 
           position: relative;
-
-        //&::after {
-        //  display: block;
-        //  content: attr(data-title);
-        //  //font-weight: bold;
-        //  height: 1px;
-        //  overflow: hidden;
-        //  visibility: hidden;
-        //}
-
       }
 
       &.active {
@@ -153,18 +142,18 @@
   }
 
     .box-controls {
-    height: @height-controls;
-    padding: 10px 0;
-    display: flex;
+        height: @height-controls;
+        padding: 10px 0;
+        display: flex;
 
-    //background-color: #F2CBBF;
+        //background-color: #F2CBBF;
 
-    .panel {
-      display: table;
-      height: 100%;
+        .panel {
+            display: table;
+            height: 100%;
+        }
+        //width: 100%;
     }
-    //width: 100%;
-  }
 
     .box-panels {
         .panel:not(.active) {
@@ -187,13 +176,13 @@
     }
 
     .elset {
-    height: 20px;
-    font-size: 0;
+        height: 20px;
+        font-size: 0;
 
-    &:not(:first-child) {
-      margin-top: 6px;
+        &:not(:first-child) {
+            margin-top: 6px;
+        }
     }
-  }
 
     .separator {
         margin-left: 12px;