Bug 1693642 - Vertically align the radio buttons' text on about:addons details panel r=ntim

Differential Revision: https://phabricator.services.mozilla.com/D105677

toolkit/mozapps/extensions/content/aboutaddons.css

@@ -550,9 +550,6 @@ addon-details {
 }
 
 .addon-detail-actions > label {
-  /* Center the items and remove the whitespaces between the input and the span
-     to allow them to accomodate more space when it's constrained. */
-  display: inline-flex;
   flex-wrap: wrap;
 }
 

toolkit/mozapps/extensions/content/aboutaddons.html

@@ -239,15 +239,15 @@
             <label data-l10n-id="addon-detail-updates-label"></label>
             <div class="addon-detail-actions">
               <button class="button-link" data-l10n-id="addon-detail-update-check-label" action="update-check" hidden></button>
-              <label>
+              <label class="radio-container-with-text">
                 <input type="radio" name="autoupdate" value="1" data-telemetry-value="default">
                 <span data-l10n-id="addon-detail-updates-radio-default"></span>
               </label>
-              <label>
+              <label class="radio-container-with-text">
                 <input type="radio" name="autoupdate" value="2" data-telemetry-value="enabled">
                 <span data-l10n-id="addon-detail-updates-radio-on"></span>
               </label>
-              <label>
+              <label class="radio-container-with-text">
                 <input type="radio" name="autoupdate" value="0" data-telemetry-value="">
                 <span data-l10n-id="addon-detail-updates-radio-off"></span>
               </label>
@@ -256,11 +256,11 @@
           <div class="addon-detail-row addon-detail-row-has-help addon-detail-row-private-browsing" hidden>
             <label data-l10n-id="detail-private-browsing-label"></label>
             <div class="addon-detail-actions">
-              <label>
+              <label class="radio-container-with-text">
                 <input type="radio" name="private-browsing" value="1" data-telemetry-value="on">
                 <span data-l10n-id="addon-detail-private-browsing-allow"></span>
               </label>
-              <label>
+              <label class="radio-container-with-text">
                 <input type="radio" name="private-browsing" value="0" data-telemetry-value="off">
                 <span data-l10n-id="addon-detail-private-browsing-disallow"></span>
               </label>