Fix redundant CSS class usage and enhance toggle-field layout

Removed the unnecessary "field-full" class from toggle-field divs in TargetsPage.jsx to simplify the layout. Updated styles.css to refine the toggle-field alignment and introduced a max-width for better control of toggle-check elements.

frontend/src/pages/TargetsPage.jsx

@@ -200,7 +200,7 @@ export function TargetsPage() {
                 If you see "rejected SSL upgrade", switch to <code>disable</code>.
               </small>
             </div>
-            <div className="field field-full toggle-field">
+            <div className="field toggle-field">
               <label>Query Insights Source</label>
               <label className="toggle-check">
                 <input
@@ -266,7 +266,7 @@ export function TargetsPage() {
                 <option value="require">require</option>
               </select>
             </div>
-            <div className="field field-full toggle-field">
+            <div className="field toggle-field">
               <label>Query Insights Source</label>
               <label className="toggle-check">
                 <input

frontend/src/styles.css

@@ -319,6 +319,11 @@ button {
 
 .toggle-field {
   margin-top: 2px;
+  align-self: end;
+}
+
+.toggle-field .toggle-check {
+  max-width: 520px;
 }
 
 .tips p {