Improve search page button colors

Also show all buttons on one line for info indexer modal

Fixes #2046

frontend/src/Indexer/Info/IndexerInfoModalContent.css

@@ -47,9 +47,3 @@
   justify-content: space-between;
 }
 
-@media only screen and (max-width: $breakpointExtraSmall) {
-  .modalFooter {
-    flex-direction: column;
-    gap: 10px;
-  }
-}

frontend/src/Search/SearchFooter.js

@@ -212,7 +212,11 @@ class SearchFooter extends Component {
             name="searchQuery"
             value={searchQuery}
             buttons={
-              <FormInputButton onPress={this.onQueryParameterModalOpenClick}>
+              <FormInputButton
+                kind={kinds.DEFAULT}
+                onPress={this.onQueryParameterModalOpenClick}
+                title={translate('ClickToChangeQueryOptions')}
+              >
                 <Icon
                   name={icon}
                 />
@@ -275,6 +279,7 @@ class SearchFooter extends Component {
               }
 
               <SpinnerButton
+                kind={kinds.PRIMARY}
                 className={styles.searchButton}
                 isSpinning={isFetching}
                 isDisabled={isFetching || !hasIndexers}

src/NzbDrone.Core/Localization/Core/en.json

@@ -116,6 +116,7 @@
   "Clear": "Clear",
   "ClearHistory": "Clear History",
   "ClearHistoryMessageText": "Are you sure you want to clear all {appName} history?",
+  "ClickToChangeQueryOptions": "Click to change query options",
   "ClientPriority": "Client Priority",
   "Clone": "Clone",
   "CloneProfile": "Clone Profile",