검색 아이콘 위치 왼쪽으로 변경

Author: devwon

_includes/sidebar-nav.html

@@ -2,11 +2,11 @@
   <a href="{{ site.baseurl }}/" class="textLogo textLogo--white textLogo--sidebar">{{ site.name }}</a>
   <!--Search function-->
   <form action="/search">
-	  <div class="tipue_search_left">
-		  <input type="text" name="q" id="tipue_search_input" pattern=".{1,}" title="At least 1 characters" required>
-	  </div>
+    <div class="tipue_search_left">
+      <img src="/assets/tipuesearch/search.png" class="tipue_search_icon">
+    </div>
 	  <div class="tipue_search_right">
-		  <img src="/assets/tipuesearch/search.png" class="tipue_search_icon">
+		  <input type="text" name="q" id="tipue_search_input" pattern=".{1,}" title="At least 1 characters" required>
 	  </div>
 	  <div style="clear: both;"></div>
   </form>

assets/tipuesearch/css/tipuesearch.css

@@ -50,9 +50,9 @@ http://www.tipue.com/search
 }
 **/
  {
-      color: #333;
-      max-width: 180px;
-      max-height: 20px;
+     color: #333;
+     max-width: 180px;
+     max-height: 20px;
      padding: 18px;
      border: 2px solid #626591;
      border-radius: 0;
@@ -84,14 +84,15 @@ http://www.tipue.com/search
 .tipue_search_left
  {
       float: left;
-      padding: 20px 5px 0 0;
+      /*padding: 20px 5px 0 0;*/
+      /*padding: 0 0 0 0;*/
       color: #e3e3e3;
       max-height: 20px;
  }
 .tipue_search_right
 {
      float: left;
-     padding: 10px 5px 0 0;
+     padding: 10px 0 0 0;
 }
 
 /* search results */