fix UI overlaps: search/connect spacing + ordpool flags overflow

1. Search button: add me-2 so it doesn't touch the wallet-connect button
2. Block-filters: bump height from 80px to 110px so the 11 ordpool flags
   (now 2 rows after upstream merge added Counterparty, Stamp, SRC-721,
   SRC-101, Labitbu) don't overflow into the block overview graph.

Author: hans-crypto

frontend/src/app/components/search-form/search-form.component.html

@@ -8,7 +8,7 @@
     </div>
     <div>
       <!-- HACK: btn-secondary instead of btn-purple -->
-      <button [disabled]="isSearching" type="submit" class="btn btn-block btn-secondary">
+      <button [disabled]="isSearching" type="submit" class="btn btn-block btn-secondary me-2">
         <fa-icon *ngIf="!(isTypeaheading$ | async) else searchLoading" [icon]="['fas', 'search']" [fixedWidth]="true" i18n-title="search-form.search-title" title="Search"></fa-icon>
       </button>
     </div>

frontend/src/styles-ordpool-overrides1.scss

@@ -114,12 +114,15 @@ app-atomical-viewer {
 
 // moves app-block-filters out of the block overview
 // no "gray" blocking anymore
+// HEIGHT: must fit "Ordpool Flags" h5 + 2 wrapped rows of filter badges
+// (11 flags don't fit in one row anymore: Inscription, Rune, CAT-21,
+//  BRC-20, Atomical, Counterparty, Stamp, SRC-20, SRC-721, SRC-101, Labitbu).
 .block-overview-graph {
-  margin-top: 80px;
+  margin-top: 110px;
 }
 
 .block-filters {
-  height: 80px !important;
+  height: 110px !important;
 
   h5 {
     margin-top: 0 !important;
@@ -128,7 +131,7 @@ app-atomical-viewer {
 }
 
 app-block-filters > div {
-  margin-top: -80px;
+  margin-top: -110px;
 }
 
 // completely hide accelerated status (this is still shown for some txns)