fix footer items positions

iamisti · Oct 18, 2016 · b35ae8d · b35ae8d
1 parent 7b58800
commit b35ae8d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 40 deletions.
diff --git a/app/scss/main.scss b/app/scss/main.scss
@@ -245,6 +245,12 @@
         visibility: visible;
         fill: rgba(255,255,255,0.87); fill: #fff;
     }
+
+    /* angular material fixes */
+    /* http://stackoverflow.com/questions/33950670/font-awesome-icon-alignment-inside-md-button/33950707#33950707 */
+    .md-icon-button{
+        width: auto;
+    }
 }
 
 
@@ -268,19 +274,5 @@
         font-size: 12px;
     }
 
-    .header-dropdown-btn {
-        position: relative;
-        .filter-dropdown {
-            position: absolute; top: 100%; right: 0; left: auto;
-        }
-    }
-
-    .filter__search {
-        position: relative;
-
-        ng-md-icon[icon="search"] {position: absolute; top: 22px; left: 24px;}
-        .md-icon-button {position: absolute; right: 10px; top: 14px;}
-        .input {padding: 8px 32px 8px 36px; width: 100%;}
-    }
     .filter__scroll {max-height: 200px; overflow-y: auto; border-bottom: solid 1px #DDDDDD;}
 }
diff --git a/dist/md-data-table-style.css b/dist/md-data-table-style.css
@@ -14,6 +14,8 @@
   /* default icon color */
   /* filter drop down */
   /* TH Select outline color & caret */
+  /* angular material fixes */
+  /* http://stackoverflow.com/questions/33950670/font-awesome-icon-alignment-inside-md-button/33950707#33950707 */
 }
 .mdtTableContainer .md-chips {
   font-size: 13px;
@@ -212,6 +214,9 @@
   fill: rgba(255, 255, 255, 0.87);
   fill: #fff;
 }
+.mdtTableContainer .md-icon-button {
+  width: auto;
+}
 
 /* filter drop down */
 .filter-dropdown {
@@ -247,32 +252,6 @@
 .filter-dropdown .md-chips {
   font-size: 12px;
 }
-.filter-dropdown .header-dropdown-btn {
-  position: relative;
-}
-.filter-dropdown .header-dropdown-btn .filter-dropdown {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  left: auto;
-}
-.filter-dropdown .filter__search {
-  position: relative;
-}
-.filter-dropdown .filter__search ng-md-icon[icon="search"] {
-  position: absolute;
-  top: 22px;
-  left: 24px;
-}
-.filter-dropdown .filter__search .md-icon-button {
-  position: absolute;
-  right: 10px;
-  top: 14px;
-}
-.filter-dropdown .filter__search .input {
-  padding: 8px 32px 8px 36px;
-  width: 100%;
-}
 .filter-dropdown .filter__scroll {
   max-height: 200px;
   overflow-y: auto;