fix scroll demo UI bug

example/components/input-option/input-option.vue

@@ -39,8 +39,8 @@
     align-items stretch
     padding-left: 15px
     .name
-      flex: 0 1 auto
-      width: 10rem
+      flex: 0 0 auto
+      width: 8rem
       display inline-flex
       align-items center
     input

example/components/select-option/select-option.vue

@@ -45,12 +45,13 @@
     align-items stretch
     padding-left: 15px
     .name
-      flex: 0 1 auto
-      width: 10rem
+      flex: 0 0 auto
+      width: 8rem
       display inline-flex
       align-items center
     select
       flex: 1 1 auto
+      padding-left: 0.8rem
       background-color: $color-white
       border: none
       border-left: 1px solid rgba(0, 0, 0, .1)

example/pages/scroll.vue

@@ -293,9 +293,6 @@
     .wrapper
       background: $color-white
   .scroll-wrapper
-    display: flex
-    justify-content: space-between
-    flex-wrap: wrap
     .title
       font-size: 1.5rem
       font-weight: 500
@@ -304,10 +301,6 @@
       border-bottom: 1px solid rgba(0, 0, 0, .1)
       margin-bottom: 1rem
     .options
-      @media screen and (min-width: 42rem)
-        flex: 0 1 25%
-      @media screen and (max-width: 42rem)
-        flex: 0 1 100%
         margin-bottom: 1rem
 
       .option-list