diff --git a/dist/test.html b/dist/test.html
index 2af68a7c..d4b86ddc 100644
--- a/dist/test.html
+++ b/dist/test.html
@@ -4,9 +4,9 @@
-
-
-
+
+
+
diff --git a/less/_dialogs.less b/less/_dialogs.less
index ac6b835e..2d2071b5 100644
--- a/less/_dialogs.less
+++ b/less/_dialogs.less
@@ -18,7 +18,7 @@
// Modal body
// Where all modal content resides (sibling of .modal-header and .modal-footer)
.modal-body {
- padding-top: 0px;
+ padding-top: 24px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;
diff --git a/less/_navbar.less b/less/_navbar.less
index 8f76b2f7..3b3e5016 100644
--- a/less/_navbar.less
+++ b/less/_navbar.less
@@ -1,7 +1,7 @@
.navbar {
background-color: @primary;
- border: 0;
- border-radius: 0;
+ border: @zero;
+ border-radius: @zero;
.navbar-brand {
position: relative;
@@ -54,7 +54,7 @@
// Darken the responsive nav toggle
.navbar-toggle {
- border: 0;
+ border: @zero;
&:hover,
&:focus {
background-color: transparent;
@@ -96,7 +96,7 @@
// Dropdowns get custom display
.open .dropdown-menu {
> .dropdown-header {
- border: 0;
+ border: @zero;
color: inherit;
}
.divider {
@@ -174,10 +174,14 @@
color: @text-color;
}
.dropdown-menu {
+ border-radius: @dropdown-radius;
li > a {
+ font-size: @dropdown-font-size;
+ padding: 13px 16px;
&:hover,
&:focus {
color: @material-color;
+ background-color: @lightgrey;
}
}
.active > a {
diff --git a/less/_variables.less b/less/_variables.less
index 9371614c..9abf43ec 100644
--- a/less/_variables.less
+++ b/less/_variables.less
@@ -1,3 +1,6 @@
+// Material Global vars
+@zero: 0;
+
// material icons path
@material-font-path: "../fonts";
@@ -95,3 +98,7 @@
// Inputs
@input-placeholder-color: #BDBDBD;
@floating-label-size-ratio: 70 / 100;
+
+// Dropdown Menu
+@dropdown-radius: 2px;
+@dropdown-font-size: 16px;
diff --git a/sass/_icons-material-design.scss b/sass/_icons-material-design.scss
index 68946046..f23a8bd9 100644
--- a/sass/_icons-material-design.scss
+++ b/sass/_icons-material-design.scss
@@ -1,10 +1,10 @@
@font-face {
font-family: 'Material-Design-Icons';
- src:url('#{material-font-path}/Material-Design-Icons.eot?3ocs8m');
- src:url('#{material-font-path}/Material-Design-Icons.eot?#iefix3ocs8m') format('embedded-opentype'),
- url('#{material-font-path}/Material-Design-Icons.woff?3ocs8m') format('woff'),
- url('#{material-font-path}/Material-Design-Icons.ttf?3ocs8m') format('truetype'),
- url('#{material-font-path}/Material-Design-Icons.svg?3ocs8m#Material-Design-Icons') format('svg');
+ src:url('#{$material-font-path}/Material-Design-Icons.eot?3ocs8m');
+ src:url('#{$material-font-path}/Material-Design-Icons.eot?#iefix3ocs8m') format('embedded-opentype'),
+ url('#{$material-font-path}/Material-Design-Icons.woff?3ocs8m') format('woff'),
+ url('#{$material-font-path}/Material-Design-Icons.ttf?3ocs8m') format('truetype'),
+ url('#{$material-font-path}/Material-Design-Icons.svg?3ocs8m#Material-Design-Icons') format('svg');
font-weight: normal;
font-style: normal;
}