feat: improve dashboard search layout

public/partials/dashboard.htm

@@ -1,10 +1,10 @@
 <div class="container page">
   <div class="row">
-    <div class="border-bottom color-border-secondary py-3 w-100">
+    <span class="border-bottom color-border-secondary py-3 w-100">
       <div class="d-flex align-items-center w-100">
         <form class="w-100" aria-label="Repositories" accept-charset="UTF-8">
-          <div class="d-flex flex-column flex-lg-row flex-auto ">
+          <div class="">
-            <div class="mb-1 mb-md-0 mr-md-3">
+            <div class="w-100 mb-2">
               <input
                 type="search"
                 id="search"
@@ -169,12 +169,7 @@
                     aria-valuemax="{{quota.repository.total}}"
                   ></div>
                   <span
-                    class="
+                    class="justify-content-center d-flex position-absolute w-100"
-                      justify-content-center
-                      d-flex
-                      position-absolute
-                      w-100
-                    "
                     ng-show="quota"
                     >{{quota.repository.used |
                     number}}/{{quota.repository.total}}</span
@@ -199,12 +194,7 @@
                   ></div>
                   <span
                     ng-show="quota"
-                    class="
+                    class="justify-content-center d-flex position-absolute w-100"
-                      justify-content-center
-                      d-flex
-                      position-absolute
-                      w-100
-                    "
                     >{{quota.storage.used |
                     humanFileSize}}/{{quota.storage.total| humanFileSize}}</span
                   >
@@ -227,12 +217,7 @@
                     aria-valuemax="{{quota.file.total}}"
                   ></div>
                   <span
-                    class="
+                    class="justify-content-center d-flex position-absolute w-100"
-                      justify-content-center
-                      d-flex
-                      position-absolute
-                      w-100
-                    "
                     ng-show="quota"
                     >{{quota.file.used | number}}/{{quota.file.total ||
                     "∞"}}</span
@@ -246,20 +231,23 @@
           <a href="/anonymize" class="text-center btn btn-primary ml-3">
             <i class="fa fa-plus-circle" aria-hidden="true"></i> Anonymize Repo
           </a>
-          <a href="/pull-request-anonymize" class="text-center btn btn-primary ml-3">
-            <i class="fa fa-plus-circle" aria-hidden="true"></i> Anonymize PR
-          </a>
           <a
-            title="Claim the ownership of an existing anonymized repository."
+            href="/pull-request-anonymize"
-            data-toggle="tooltip"
+            class="text-center btn btn-primary ml-3"
-            data-placement="bottom"
-            href="/claim"
-            class="text-center btn btn-secondary ml-3"
           >
-            Claim
+            <i class="fa fa-plus-circle" aria-hidden="true"></i> Anonymize PR
           </a>
         </div>
       </div>
+      <div class="d-flex d-inline-flex mt-2">
+        <div class="alert alert-info alert-dismissible my-0 ml-1" ng-show="!v" role="alert" ng-repeat="(f, v) in filters.status">
+          <strong>{{f | title}}</strong>
+          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+      </div>
+
     </div>
     <ul class="p-0 m-0 w-100">
       <li

public/script/app.js

@@ -1281,7 +1281,7 @@ angular
             new RegExp(term, "gi");
           } catch {
             // escape regex characters
-            term = term.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+            term = term.replace(/[-[\]{}()*+?.,\\^$|#]/g, "\\$&");
           }
           if (term.trim() == "") {
             continue;