Resolve #159 and more design issues

vendors/bootstrap/less/buttons.less

@@ -69,8 +69,8 @@
 // Small
 .btn-small {
   padding: 3px 9px;
-  font-size: @baseFontSize - 2px;
-  line-height: @baseLineHeight - 2px;
+  font-size: (@baseFontSize * 0.85);
+  line-height: (@baseLineHeight * 0.85);
 }
 
 // Block button

vendors/bootstrap/less/code.less

@@ -26,8 +26,8 @@ code {
 // Blocks of code
 pre {
   display: block;
-  padding: (@baseLineHeight - 1) / 2;
-  margin: 0 0 @baseLineHeight / 2;
+  padding: (@baseLineHeight / 2);
+  margin: 0 0 (@baseLineHeight / 2);
   font-size: @baseFontSize - 1; // 14px to 13px
   line-height: @baseLineHeight;
   white-space: pre-wrap;

vendors/bootstrap/less/dropdowns.less

@@ -28,6 +28,9 @@
 // The dropdown menu (ul)
 // ----------------------
 .dropdown-menu {
+  max-height: 60vh;
+  max-width: 90vw;
+  overflow: auto;
   position: absolute;
   top: 100%;
   left: 0;
@@ -51,32 +54,22 @@
 
   // Links within the dropdown menu
   a {
+    background-color: var(--dropdown-menu-bg-color, #fff);
+    color: var(--main-color, @dropdownLinkColor);
     display: block;
     padding: 3px 10px;
-    clear: both;
-    font-weight: normal;
-    line-height: @baseLineHeight;
-    color: @dropdownLinkColor;
+    text-decoration: none;
     white-space: nowrap;
   }
 }
 
 // Hover state
 // -----------
-.dropdown-menu li > a:hover,
-.dropdown-menu li > a:focus {
+.dropdown-menu li:not(.disabled) > a:hover,
+.dropdown-menu li:not(.disabled) > a:focus {
+  background-color: var(--dropdown-menu-hover-bg-color, #444);
+  color: var(--dropdown-menu-hover-color, #eee);
   text-decoration: none;
-  color: @dropdownLinkColorHover;
-  background-color: @dropdownLinkBackgroundHover;
-}
-
-// Active state
-// ------------
-.dropdown-menu .active > a,
-.dropdown-menu .active > a:hover {
-  color: @dropdownLinkColorHover;
-  text-decoration: none;
-  background-color: @dropdownLinkBackgroundActive;
 }
 
 // Disabled state
@@ -85,10 +78,6 @@
 .dropdown-menu .disabled > a,
 .dropdown-menu .disabled > a:hover {
   color: @grayLight;
-}
-// Nuke hover effects
-.dropdown-menu .disabled > a:hover {
-  text-decoration: none;
-  background-color: transparent;
-  cursor: default;
+  cursor: not-allowed;
+  opacity: 0.5;
 }

vendors/bootstrap/less/forms.less

@@ -11,26 +11,6 @@ form {
   margin: 0 0 @baseLineHeight;
 }
 
-fieldset {
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-
-// Groups of fields with labels on top (legends)
-legend {
-  cursor: pointer;
-  display: block;
-  width: 100%;
-  padding: 0;
-  margin-bottom: @baseLineHeight;
-  font-size: @baseFontSize * 1.5;
-  line-height: @baseLineHeight * 2;
-  color: @grayDark;
-  border: 0;
-  border-bottom: 1px solid #e5e5e5;
-}
-
 // Identify controls by their labels
 label {
   display: block;
@@ -64,7 +44,6 @@ textarea,
 input {
   box-sizing: border-box;
   display: inline-block;
-  height: @baseLineHeight + 10;
   padding: 4px 6px;
   color: @gray;
   border-radius: @inputBorderRadius;
@@ -242,13 +221,7 @@ input[type="checkbox"][readonly] {
 
 // Margin to space out fieldsets
 .control-group {
-  margin-bottom: @baseLineHeight / 2;
-}
-
-// Legend collapses margin, so next element is responsible for spacing
-legend + .control-group {
-  margin-top: @baseLineHeight;
-  -webkit-margin-top-collapse: separate;
+  margin-bottom: (@baseLineHeight / 2);
 }
 
 // Horizontal-specific styles

vendors/bootstrap/less/type.less

@@ -7,7 +7,7 @@
 // -------------------------
 
 p {
-  margin: 0 0 @baseLineHeight / 2;
+  margin: 0 0 (@baseLineHeight / 2);
 }
 
 
@@ -53,7 +53,7 @@ h6 { font-size: 12px; line-height: 20px; }
 // Unordered and Ordered lists
 ul, ol {
   padding: 0;
-  margin: 0 0 @baseLineHeight / 2 25px;
+  margin: 0 0 (@baseLineHeight / 2) 25px;
 }
 ul ul,
 ul ol,
@@ -91,7 +91,7 @@ blockquote {
   border-left: 5px solid @grayLighter;
   p {
     margin-bottom: 0;
-    line-height: @baseLineHeight * 1.25;
+    line-height: (@baseLineHeight * 1.25);
   }
 }
 

vendors/bootstrap/less/variables.less

@@ -31,7 +31,7 @@
 // Typography
 // -------------------------
 @baseFontSize:          14px;
-@baseLineHeight:        20px;
+@baseLineHeight:        1.43em;
 
 // Tables
 // -------------------------