Use span for description, grammar fix from Copilot

Author: Fijxu

assets/css/default.css

@@ -886,4 +886,11 @@ h1, h2, h3, h4, h5, p,
 .error-issue-template {
   padding: 20px;
   background: rgba(0, 0, 0, 0.12345);
+}
+
+.preference-description {
+  width: 250px;
+  padding-left: 10px;
+  display: inline-block;
+  vertical-align: top;
 }

locales/en-US.json

@@ -125,7 +125,7 @@
     "preferences_default_playlist": "Default playlist: ",
     "preferences_default_playlist_none": "No default playlist set",
     "preferences_search_privacy_label": "Search privacy: ",
-    "preferences_search_privacy_description": "Enabling this preference will prevent your search queries to be saved in your browser history.",
+    "preferences_search_privacy_description": "Enabling this preference will prevent your search queries from being saved in your browser history.",
     "published": "published",
     "published - reverse": "published - reverse",
     "alphabetically": "alphabetically",

src/invidious/views/user/preferences.ecr

@@ -224,7 +224,7 @@
             <div class="pure-control-group">
                 <label for="search_privacy"><%= translate(locale, "preferences_search_privacy_label") %></label>
                 <input name="search_privacy" id="search_privacy" type="checkbox" <% if preferences.search_privacy %>checked<% end %>>
-                <label for="search_privacy"><%= translate(locale, "preferences_search_privacy_description") %></label>
+                <span class="preference-description"><%= translate(locale, "preferences_search_privacy_description") %></span>
             </div>
 
             <% if env.get? "user" %>