From e9cc87c02112ad4b48a9f75f831ff00a57e1ca24 Mon Sep 17 00:00:00 2001
From: Maxim Stewart <maximstewart1@gmail.com>
Date: Mon, 10 Dec 2018 14:31:36 -0600
Subject: [PATCH] Cleaned search styling...

---
 index.html             |  6 +++---
 resources/css/main.css | 11 +++++++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 1bb7940..312732d 100644
--- a/index.html
+++ b/index.html
@@ -25,9 +25,9 @@
         <button type="button" title="Other Options" onclick="tgglElmView('popOutControls')">&#9881;</button>
         <button type="button" title="Refresh" onclick="getDir('./')">&#8635;</button>
         <button type="button" title="Back" onclick="getDir('../')">&lArr;</button>
-        <input type="text" placeholder="Search..." onkeyup="searchPage(this)" name="" value="">
-        <button type="button" onclick="clearSearch()" title="Clears search..." >Clear Search</button>
-        <button onclick="getFavesList(); tgglElmView('favesList')">Faves List &#8597;</button>
+        <input  type="text"   title="Search" placeholder="Search..." id="searchField" onkeyup="searchPage(this)" value="">
+        <button type="button" title="Clears Search Field" onclick="clearSearch()" >Clear Search</button>
+        <button type="button" title="Faves List Toggle" onclick="getFavesList(); tgglElmView('favesList')">Faves List &#8597;</button>
     </h2>
 
     <h2 id="fullPathHeader">
diff --git a/resources/css/main.css b/resources/css/main.css
index 163b497..ad61522 100644
--- a/resources/css/main.css
+++ b/resources/css/main.css
@@ -133,6 +133,17 @@
     background-color: rgba(0,0,0,0.64);
 }
 
+#searchField {
+    text-align: center;
+}
+
+#searchField:focus {
+    height: 2em;
+    border-style: solid;
+    border-width: thin;
+    border-color: rgba(55, 204, 209, 1);
+}
+
 /* Classes */
 .imgViewImg {
     width: inherit;