From 54c583d2ad37845297312c286354be04859b3178 Mon Sep 17 00:00:00 2001
From: Alex MacDonald <alexsmacd@gmail.com>
Date: Fri, 10 Dec 2021 10:10:58 -0500
Subject: [PATCH] Updated index.php

Changed formatting of search and replace fields to match the formatting of "Which tables?" fields, which extends the width of the fields to 50% of the screen's width. Also updated function to add fields, so that additional search term fields added match the new style.
---
 index.php | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/index.php b/index.php
index 9142a4b..a6cba79 100644
--- a/index.php
+++ b/index.php
@@ -669,6 +669,7 @@ public function ui() {
                 <div class="fields fields-large">
                     <div class="sr-boxes">
                         <div class="sr-box-0">
+                            <div class="field field-medium">
                             <label for="search-0"><span class="label-text">replace</span> <span
                                     class="hide-if-regex-off regex-left">/</span><input id="search-0" type="text"
                                                                                         placeholder="search for&hellip;"
@@ -676,12 +677,10 @@ class="hide-if-regex-off regex-left">/</span><input id="search-0" type="text"
                                                                                             true ); ?>"
                                                                                         name="search-0"/><span
                                     class="hide-if-regex-off regex-right">/</span></label>
-                            <label for="replace-0"><span class="label-text">with</span> <input id="replace-0"
-                                                                                               type="text"
-                                                                                               placeholder="replace with&hellip;"
-                                                                                               value="<?php $this->esc_html_attr( $this->replace,
-                                                                                                   true ); ?>"
-                                                                                               name="replace-0"/></label>
+                        </div>
+                        <div class="field field-medium">
+                            <label for="replace-0"><span class="label-text">with</span>
+                            <input id="replace-0" type="text" placeholder="replace with&hellip;" value="<?php $this->esc_html_attr( $this->replace, true ); ?>" name="replace-0"/></label></div>
                         </div>
                     </div>
 
@@ -1359,7 +1358,7 @@ public function html( $body ) {
 
                 @media only screen and (min-width: 1110px) {
                     .label-text {
-                        display: inline;
+                        display: block;
                     }
 
                     .fields-large label {
@@ -4692,16 +4691,16 @@ function containsSerialisedString(text) {
                         add_search: function () {
                             var $row = $('.sr-boxes');
                             $new_search = $('<div class="sr-box-' + t.searches + '"></div>').appendTo($row);
-                            $('<label for="search-' + t.searches + '"><span class="label-text">replace</span> ' +
+                            $('<div class="field field-medium"><label for="search-' + t.searches + '"><span class="label-text">replace</span> ' +
                                 '<span class="hide-if-regex-off regex-left">/</span>' +
                                 '<input id="search-' + t.searches + '" type="text" placeholder="search for&hellip;" ' +
                                 'value="<?php $this->esc_html_attr( $this->search,
                                     true ); ?>" name="search-' + t.searches + '"/> ' +
-                                '<span class="hide-if-regex-off regex-right">/</span></label> ' +
+                                '<span class="hide-if-regex-off regex-right">/</span></label> ' + '</div><div class="field field-medium">' +
                                 '<label for="replace-' + t.searches + '"><span class="label-text">with </span>' +
                                 '<input id="replace-' + t.searches + '" type="text" placeholder="replace with&hellip;"' +
                                 'value="<?php $this->esc_html_attr( $this->replace,
-                                    true ); ?>" name="replace-' + t.searches + '"/></label>').appendTo($new_search);
+                                    true ); ?>" name="replace-' + t.searches + '"/></label></div>').appendTo($new_search);
 
                             if (t.searches == 1)
                                 dom.removeClass('multisearch-off');