PR fixup: cleanup text jerkiness during transitions

OpenTreeMap · Aug 19, 2015 · 84c83ab · 84c83ab
1 parent 1613477
commit 84c83ab
Showing 1 changed file with 17 additions and 4 deletions.
diff --git a/opentreemap/treemap/css/sass/partials/pages/_admin.scss b/opentreemap/treemap/css/sass/partials/pages/_admin.scss
@@ -21,9 +21,18 @@
             left: 0;
             bottom: 0;
             background-color: $dark-primary;
+            overflow: hidden;
             width: 250px;
             transition: width 500ms ease-in-out;
 
+            td:first-child {
+                min-width: 47px;
+            }
+            td:not(:first-child) {
+                width: 200px;
+                transition: width 500ms ease-in-out;
+            }
+
             .full-section {
                 overflow: hidden;
             }
@@ -34,7 +43,7 @@
                 width: 100%;
 
                 .brand-icon-container {
-                    width: 45px;
+                    width: 47px;
 
                     .brand-icon {
                         border-radius: 50%;
@@ -81,20 +90,24 @@
                     padding: 10px 0;
                     display: block;
                     width: 100%;
+                    position: relative;
 
                     td:first-child {
                         vertical-align: top;
                     }
-                    td:not(:first-child) {
-                        width: 200px;
-                    }
 
                     .section-title {
                         cursor: pointer;
                         width: 100%;
                         display: block;
                         padding: 0;
                         margin-top: 4px;
+                        white-space: nowrap;
+
+                        i {
+                            position: absolute;
+                            right: 5px;
+                        }
                     }
 
                     &:hover {