X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fsearch%2Fsearch.component.html;h=75e9dfa5920be1953c18b97f8c45517322ee3e5c;hb=a01f107bc436250706d4bc765f45335ee15b8e80;hp=b3afc95980587563a58517a497b3106238704199;hpb=2ac6c5256067b13d90c8c1faa310bd59aea9a1fa;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/shared/search/search.component.html b/client/src/app/shared/search/search.component.html
index b3afc9598..75e9dfa59 100644
--- a/client/src/app/shared/search/search.component.html
+++ b/client/src/app/shared/search/search.component.html
@@ -1,17 +1,22 @@
 <div class="input-group">
-  <div class="input-group-btn" dropdown>
+
+  <span class="hidden-xs input-group-addon icon-addon">
+    <span class="glyphicon glyphicon-search"></span>
+  </span>
+
+  <input
+    type="text" id="search-video" name="search-video" class="form-control" placeholder="Search" class="form-control"
+    [(ngModel)]="searchCriteria.value" (keyup.enter)="doSearch()"
+  >
+
+  <div class="input-group-btn" dropdown placement="bottom right">
     <button id="simple-btn-keyboard-nav" type="button" class="btn btn-default" dropdownToggle>
-      {{ getStringChoice(searchCriterias.field) }} <span class="caret"></span>
+      {{ getStringChoice(searchCriteria.field) }} <span class="caret"></span>
     </button>
-    <ul class="dropdown-menu" role="menu" aria-labelledby="simple-btn-keyboard-nav" dropdownMenu>
+    <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="simple-btn-keyboard-nav" *dropdownMenu>
       <li *ngFor="let choice of choiceKeys" class="dropdown-item" role="menu-item">
         <a class="dropdown-item" href="#" (click)="choose($event, choice)">{{ getStringChoice(choice) }}</a>
       </li>
     </ul>
   </div>
-
-  <input
-    type="text" id="search-video" name="search-video" class="form-control" placeholder="Search a video..." class="form-control"
-    [(ngModel)]="searchCriterias.value" (keyup.enter)="doSearch()"
-  >
 </div>