From a8bede51dbeef653e4481df6734e1a416ca0c58f Mon Sep 17 00:00:00 2001
From: Joxit <joxit972@gmail.com>
Date: Fri, 13 Oct 2017 00:27:14 +0200
Subject: [PATCH] [riot-mui] Add css for select and code clean up (#17)

---
 src/style.css       | 21 +++++++++++++++++++++
 src/tags/change.tag | 33 ++++++++++++++++++---------------
 2 files changed, 39 insertions(+), 15 deletions(-)

diff --git a/src/style.css b/src/style.css
index b1ff198..1bc9041 100644
--- a/src/style.css
+++ b/src/style.css
@@ -286,4 +286,25 @@ footer {
   width: 100%;
   position: fixed;
   bottom: 0;
+}
+
+.select-padding {
+  padding: 20px 0;
+}
+
+select {
+  position: relative;
+  outline: 0;
+  box-shadow: none;
+  padding: 0;
+  width: 100%;
+  background: 0 0;
+  border: none;
+  font-weight: 400;
+  line-height: 24px;
+  height: 24px;
+  border-bottom: 1px solid #2f6975;
+  appearance: none;
+  -moz-appearance: none;
+  -webkit-appearance: none;
 }
\ No newline at end of file
diff --git a/src/tags/change.tag b/src/tags/change.tag
index 319ac83..ad36b11 100644
--- a/src/tags/change.tag
+++ b/src/tags/change.tag
@@ -16,26 +16,29 @@
 -->
 <change>
   <material-popup>
-   <div class="material-popup-title">Change your Server ?</div>
-   <div class="material-popup-content">
-     <select class="mdl-textfield__input mdl-textfield__select" name="server-list" ref="server-list">
-       <option each="{ url in registryUI.getRegistryServer() }" value={url}>{url}</option>
-     </select>
-   </div>
-   <div class="material-popup-action">
-     <material-button class="dialog-button" waves-color="rgba(158,158,158,.4)" onClick="registryUI.changeTag.change();">Change</material-button>
-     <material-button class="dialog-button" waves-color="rgba(158,158,158,.4)" onClick="registryUI.changeTag.close();">Cancel</material-button>
-   </div>
+    <div class="material-popup-title">Change your Server ?</div>
+    <div class="material-popup-content">
+      <div class="select-padding">
+        <select class="mdl-textfield__input mdl-textfield__select" name="server-list" ref="server-list">
+          <option each="{ url in registryUI.getRegistryServer() }" value={url}>{url}</option>
+        </select>
+      </div>
+    </div>
+    <div class="material-popup-action">
+      <material-button class="dialog-button" waves-color="rgba(158,158,158,.4)" onClick="registryUI.changeTag.change();">Change</material-button>
+      <material-button class="dialog-button" waves-color="rgba(158,158,158,.4)" onClick="registryUI.changeTag.close();">Cancel</material-button>
+    </div>
   </material-popup>
-  </dialog>
   <script type="text/javascript">
     registryUI.changeTag = registryUI.changeTag || {};
     this.one('mount', function () {
       registryUI.changeTag.dialog = this.tags['material-popup'];
-      registryUI.changeTag.dialog.getServerUrl = function() {
-        return this.refs['server-list'] ? this.refs['server-list'].value : '';
+      registryUI.changeTag.dialog.getServerUrl = function () {
+        return this.refs['server-list']
+          ? this.refs['server-list'].value
+          : '';
       };
-      registryUI.changeTag.dialog.on('updated', function() {
+      registryUI.changeTag.dialog.on('updated', function () {
         if (this.refs['server-list']) {
           this.refs['server-list'].value = registryUI.url();
         }
@@ -55,4 +58,4 @@
       registryUI.changeTag.dialog.close();
     };
   </script>
-</change>
+</change>
\ No newline at end of file