update doc and code cleanup

6 files changed, 47 insertions, 64 deletions

diff --git a/src/buttons.less b/src/buttons.less
index d2fcf7e..0c2a7f3 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -5,7 +5,7 @@
   padding: .7rem 1.5rem;
   border: .1rem solid @core-color;
   background-color: transparent;
-  border-radius: 3px;
+  border-radius: .3rem;
   color: @core-color;
   font-size: 1.4rem;
   line-height: 1.6rem;
@@ -37,19 +37,19 @@
     pointer-events: none;
 
     &::after {
-      border: 2px solid @core-color;
+      border: .2rem solid @core-color;
       border-right-color: transparent;
       border-top-color: transparent;
-      border-radius: 8px;
+      border-radius: .8rem;
       content: "";
       position: absolute;
       left: 50%;
       top: 50%;
-      margin-left: -8px;
-      margin-top: -8px;
+      margin-left: -.8rem;
+      margin-top: -.8rem;
       display: block;
-      width: 16px;
-      height: 16px;
+      width: 1.6rem;
+      height: 1.6rem;
       animation: loading 500ms infinite linear;
     }
   }
@@ -107,7 +107,7 @@
   // Button Small
   &.btn-sm {
     height: 2.4rem;
-    border-radius: 2px;
+    border-radius: .2rem;
     font-size: 1.2rem;
     line-height: 1.4rem;
     padding: .4rem 1rem;
@@ -116,7 +116,7 @@
   // Button Large
   &.btn-lg {
     height: 4.2rem;
-    border-radius: 4px;
+    border-radius: .4rem;
     font-size: 1.8rem;
     line-height: 2rem;
     padding: 1rem 1.8rem;
@@ -171,61 +171,33 @@
 }
 
 // Button groups
-@media screen and (min-width: 481px) {
-  .btn-group {
-    display: inline-flex;
-    flex-wrap: wrap;
+.btn-group {
+  display: inline-flex;
+  flex-wrap: wrap;
 
-    .btn {
-      flex: 1 0 auto;
+  .btn {
+    flex: 1 0 auto;
 
-      &:first-child:not(:last-child) {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-      }
-      &:not(:first-child):not(:last-child) {
-        margin-left: -.1rem;
-        border-radius: 0;
-      }
-      &:last-child:not(:first-child) {
-        margin-left: -.1rem;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-      }
-      &:hover,
-      &:focus {
-        z-index: 99;
-      }
+    &:first-child:not(:last-child) {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
     }
-
-    &.btn-group-block {
-      display: flex;
+    &:not(:first-child):not(:last-child) {
+      margin-left: -.1rem;
+      border-radius: 0;
+    }
+    &:last-child:not(:first-child) {
+      margin-left: -.1rem;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+    &:hover,
+    &:focus {
+      z-index: 99;
     }
   }
-}
-// Responsive button groups
-@media screen and (max-width: 480px) {
-  .btn-group {
-    display: flex;
-    flex-wrap: wrap;
 
-    .btn {
-      flex: 1 0 100%;
-
-      &:first-child:not(:last-child) {
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-      }
-      &:not(:first-child):not(:last-child) {
-        margin-top: -.1rem;
-        border-radius: 0;
-      }
-      &:last-child:not(:first-child) {
-        margin-top: -.1rem;
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-      }
-    }
+  &.btn-group-block {
+    display: flex;
   }
 }
-
diff --git a/src/chips.less b/src/chips.less
index 6a1ebe8..53a2723 100644
--- a/src/chips.less
+++ b/src/chips.less
@@ -7,7 +7,7 @@
   vertical-align: middle;
   align-items: center;
   background-color: @core-border-color;
-  border: 1px solid darken(@core-border-color, 5%);
+  border: .1rem solid darken(@core-border-color, 5%);
 
   &:hover,
   &:focus {
@@ -17,6 +17,11 @@
   .chip-name {
     margin-left: .4rem;
   }
+  .avatar {
+    width: 1.6rem;
+    height: 1.6rem;
+    font-size: .8rem;
+  }
 }
 
 // TODO: Chip contacts and files
\ No newline at end of file
diff --git a/src/forms.less b/src/forms.less
index ef6419a..a1b3b65 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -266,7 +266,7 @@
   .input-group-addon {
     line-height: 1.6rem;
     padding: .7rem .8rem;
-    border: 1px solid @control-color;
+    border: .1rem solid @control-color;
     border-radius: .3rem;
     background-color: @core-border-color;
   }
diff --git a/src/layout.less b/src/layout.less
index 1cff71f..3425d0c 100644
--- a/src/layout.less
+++ b/src/layout.less
@@ -1,6 +1,7 @@
 // Layout
 .container {
   width: 100%;
+  overflow-x: hidden;
   margin-left: auto;
   margin-right: auto;
   padding-left: 1rem;
diff --git a/src/menus.less b/src/menus.less
index 70843eb..3a23fcf 100644
--- a/src/menus.less
+++ b/src/menus.less
@@ -71,5 +71,3 @@
     margin: .5rem;
   }
 }
-
-// TODO: Menus with icons
diff --git a/src/modals.less b/src/modals.less
index 4ef3652..7b28b69 100644
--- a/src/modals.less
+++ b/src/modals.less
@@ -12,10 +12,10 @@
 
   .modal-header {
     padding: 1.5rem;
-    border-bottom: 1px solid @core-border-color;
 
     .modal-title {
       margin: 0;
+      font-size: 1.5rem;
     }
   }
   .modal-body {
@@ -33,4 +33,11 @@
   .modal {
     width: 64rem;
   }
+}
+@media screen and (min-width: 320px) {
+  .modal {
+    &.modal-sm {
+      width: 32rem;
+    }
+  }
 }
\ No newline at end of file