From 4c008d111600cbd9ef0d6066dea5866684351ace Mon Sep 17 00:00:00 2001
From: aultokped <muhammad.auliya@tokopedia.com>
Date: Mon, 5 Nov 2018 10:57:30 +0700
Subject: [PATCH] fix ui

---
 index/css/style.css | 3 +++
 index/index.html    | 4 ++--
 index/js/style.js   | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/index/css/style.css b/index/css/style.css
index 1caa3bb..4594be8 100644
--- a/index/css/style.css
+++ b/index/css/style.css
@@ -7,6 +7,9 @@ body {
 .pt-50 {
     padding-top:50px;
 }
+.w-120 {
+    width: 120px;
+}
 .custom-pretty {
     border:none!important;
 }
diff --git a/index/index.html b/index/index.html
index c589ee8..9606dcd 100644
--- a/index/index.html
+++ b/index/index.html
@@ -30,7 +30,7 @@
         <div class="other-elem" id="choose-service" style="display: none">
           <div class="input-group">
             <div class="input-group-prepend">
-              <span class="input-group-text btn-dark" for="select-service"><i class="fa fa-television"></i>&nbsp;&nbsp;Services</span>
+              <span class="input-group-text btn-dark w-120" for="select-service"><i class="fa fa-television"></i>&nbsp;&nbsp;Services</span>
             </div>
             <select class="browser-default custom-select" id="select-service"></select>
           </div>
@@ -39,7 +39,7 @@
         <div class="other-elem" id="choose-function" style="display: none">
           <div class="input-group">
             <div class="input-group-prepend">
-              <span class="input-group-text btn-dark" for="select-function"><i class="fa fa-rocket"></i>&nbsp;&nbsp;Methods</span>
+              <span class="input-group-text btn-dark w-120" for="select-function"><i class="fa fa-rocket"></i>&nbsp;&nbsp;Methods</span>
             </div>
             <select class="browser-default custom-select" id="select-function"></select>
           </div>
diff --git a/index/js/style.js b/index/js/style.js
index b5e5c71..e2757a0 100644
--- a/index/js/style.js
+++ b/index/js/style.js
@@ -58,7 +58,7 @@ $('#select-service').change(function(){
                 alert(res.error);
                 return;
             }
-            $("#select-function").html(new Option("Choose Methods", ""));
+            $("#select-function").html(new Option("Choose Method", ""));
             $.each(res.data, (_, item) => $("#select-function").append(new Option(item.substr(selected.length) , item)));
             $('#choose-function').show();
         },