better styles

header.php

@@ -100,8 +100,8 @@
 					<li class="hidden-xs">
 						<a id="icon-add-pin" rel="tooltip" data-placement="bottom" title="<?php _e('Add Pin', 'pinc'); ?>" href="<?php echo home_url('/itm-settings/'); ?>">
 							<span class="fa-stack">
-							<i class="fas fa-file fa-stack-2x"></i>
-								<i class="fas fa-plus fa-stack-1x fa-inverse" style="font-size: 9px;"></i>
+							<i class="fas fa-file fa-stack-2x" style="font-size: 18px; top: 3px;"></i>
+								<i class="fas fa-plus fa-stack-1x fa-inverse" style="font-size: 11px; color: #222; top: 3px;"></i>
 							</span>
 						</a>
 					</li>
@@ -147,6 +147,16 @@
 				}
 				?>
 
+				<?php if ( is_home() == false || of_get_option('daily_photo_feature') == 'off' ) { ?>
+					<ul class="nav navbar-nav top-search">
+						<form class="navbar-form" method="get" id="searchform" action="<?php echo home_url('/'); ?>">
+							<input id="s" class="form-control input-sm search-query" type="search" placeholder="<?php _e('Search', 'pinc'); ?>" name="s" value="<?php the_search_query(); ?>">
+							<input type="hidden" name="q" value="<?php echo $_GET['q']; ?>"/>
+							<button class="btn btn-success btn-sm" type="submit"><i class="fas fa-search"></i></button>
+						</form>
+					</ul>
+				<?php }?>
+
 				<ul id="topmenu-icons-wrapper" class="nav navbar-nav">
 					<?php if ('' != $facebook_icon_url = of_get_option('facebook_icon_url')) { ?>
 					<li><a class="topmenu-icons" href="<?php echo $facebook_icon_url; ?>" rel="tooltip" data-placement="bottom" title="<?php _e('Find us on Facebook', 'pinc'); ?>" target="_blank"><i class="fab fa-facebook"></i></a></li>
@@ -157,19 +167,6 @@
 					<?php } ?>
 
 					<li><a class="topmenu-icons" href="<?php bloginfo('rss2_url'); ?>" rel="tooltip" data-placement="bottom" title="<?php _e('Subscribe to RSS Feed', 'pinc'); ?>"><i class="fas fa-rss"></i></a></li>
-					<?php if ( is_home() == false || of_get_option('daily_photo_feature') == 'off' ) { ?>
-					<li class="dropdown hidden-xs"><a id="topmenu-search" class="dropdown-toggle topmenu-icons" data-toggle="dropdown" href=""><i class="fas fa-search"></i></a>
-						<ul id= "dropdown-search" class="dropdown-menu">
-							<li>
-								<form class="navbar-form" method="get" id="searchform" action="<?php echo home_url('/'); ?>">
-									<input id="s" class="form-control input-sm search-query" type="search" placeholder="<?php _e('Search', 'pinc'); ?>" name="s" value="<?php the_search_query(); ?>">
-									<input type="hidden" name="q" value="<?php echo $_GET['q']; ?>"/>
-									<button class="btn btn-success btn-sm" type="submit"><i class="fas fa-search"></i></button>
-								</form>
-							</li>
-						</ul>
-					</li>
-					<?php }?>
 				</ul>
 
 				<form class="navbar-form visible-xs" method="get" id="searchform-mobile" action="<?php echo home_url('/'); ?>">

ltr.css

@@ -138,4 +138,12 @@
 #post-close {
     right: 65px;
     left: inherit;
-}
+}
+
+.bootstrap-tagsinput {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+    border-bottom-right-radius: 4px;
+    border-top-right-radius: 4px;
+    text-align: left;
+}

style-dark.css

@@ -15,6 +15,25 @@ hr {
 border-color: #4f4f4f;	
 }
 
+.search-main-form button {
+    background-color: #333;
+}
+
+.btn:hover, .btn:focus, .btn.focus {
+    color: #fafafa;
+}
+
+.tags-detail a {
+    color: #ccc !important;
+}
+
+.tags-detail a:hover {
+    color: #fafafa !important;
+}
+
+.bootstrap-tagsinput {
+    background-color: #333;
+}
 
 /* Top Menu */
 .navbar-inverse {

style.css

@@ -221,6 +221,14 @@ float: left;
 width: 50%;
 }
 
+.top-search{
+    width: 100%;
+}
+
+.form-control.input-sm.search-query {
+    border-radius: 20px 0 0 20px;
+}
+
 #topmenu #dropdown-search {
 padding-bottom: 5px;
 padding-top: 5px;
@@ -294,7 +302,7 @@ background: #ccc;
 border-radius: 4px;
 color: #fff;
 font-weight: bold;
-padding: 5px 8px;
+padding: 2px 8px;
 }
 
 #menu-top-right #user-notifications-count a.user-notifications-count-nth span {