Merge pull request #47 from valessiobrito/master

Fix margin inputs and align dropdown

src/components/kytos/accordion/AccordionItem.vue

@@ -143,6 +143,7 @@ export default {
   .tab-content
    min-width: 230px
    margin-left: 15px
+   border: none
    &:before
      content: ';;;;;;;'
      font: 8px monospace

src/components/kytos/inputs/Dropdown.vue

@@ -1,5 +1,5 @@
 <template>
-   <label class="k-dropdown">
+   <label class="k-dropdown" v-bind:class="{ 'no-title' : !title }">
     <div class="k-dropdown__title">
       <icon v-if="icon" v-bind:name="icon"></icon>
       {{title}}
@@ -153,6 +153,13 @@ export default {
    text-align: center
    top: 4.5px
 
+ &.no-title
+  display: inline-flex
+  height: 20px
+  margin: 5px 0px
+  .k-dropdown__title
+   padding: 3px
+
 .k-dropdown__title
  padding-bottom: 10px
  padding-top: 5px
@@ -174,9 +181,9 @@ export default {
  padding-right: 20px
  margin: 0
  margin-right: -20px
- -webkit-border-radius: 4px
- -moz-border-radius: 4px
- border-radius: 4px
+ -webkit-border-radius: 3px
+ -moz-border-radius: 3px
+ border-radius: 3px
  background: $fill-input-bg
  color: $fill-text
  border: none
@@ -206,6 +213,13 @@ export default {
   margin-right: 5px
   margin-left: 2px
 
+  &.no-title
+   svg
+    margin-left: -3px
+    margin-top: 2px
+   &:before
+    bottom: -2px
+
  .k-dropdown__title
   visibility: hidden
   width: 12px

src/components/kytos/inputs/Input.vue

@@ -68,6 +68,7 @@ export default {
  border-radius: 0.2em
  background: $fill-input-bg
  display: flex
+ margin: 5px 0
  flex-direction: row
 
  &:hover
@@ -100,4 +101,8 @@ export default {
   color: $fill-text
   background: $fill-input-content
 
+.compacted
+ .k-input-wrap
+   margin: 2px 5px
+
 </style>