fix strings and cleanup badge style

src/ui/component/commentCreate/view.jsx

@@ -39,13 +39,20 @@ export function CommentCreate(props: Props) {
     <section>
       {commentAck !== true && (
         <div className="card__content markdown-preview">
-          <p>A few things to know before participating in the comment alpha:</p>
+          <p>{__('A few things to know before participating in the comment alpha:')}</p>
           <ul>
-            <li>During the alpha, all comments are sent to a LBRY, Inc. server, not the LBRY network itself.</li>
-            <li>During the alpha, comments are not decentralized or censorship resistant (but we repeat ourselves).</li>
             <li>
-              When the alpha ends, we will attempt to transition comments, but do not promise to so. Any transition will
+              {__('During the alpha, all comments are sent to a LBRY, Inc. server, not the LBRY network itself.')}
-              likely involve publishing previous comments under a single archive handle.
+            </li>
+            <li>
+              {__(
+                'During the alpha, comments are not decentralized or censorship resistant (but we repeat ourselves).'
+              )}
+            </li>
+            <li>
+              {__(
+                'When the alpha ends, we will attempt to transition comments, but do not promise to do so. Any transition will likely involve publishing previous comments under a single archive handle.'
+              )}
             </li>
           </ul>
           <Button button="primary" onClick={handleCommentAck} label={__('Got it!')} />

src/ui/scss/component/_badge.scss

@@ -1,5 +1,9 @@
 @import '~@lbry/components/sass/badge/_index.scss';
 
+.badge {
+  vertical-align: middle;
+}
+
 .badge--tag {
   @extend .badge;
   background-color: lighten($lbry-teal-5, 55%);

src/ui/scss/component/_card.scss

@@ -179,12 +179,6 @@
     margin-bottom: var(--spacing-small);
   }
 
-  .badge {
-    bottom: -0.12rem;
-    position: relative;
-    margin-left: 0;
-  }
-
   [data-mode='dark'] & {
     background-color: darken($lbry-gray-5, 20%);
   }

static/locales/en.json

@@ -533,5 +533,12 @@
   "Unfollow": "Unfollow",
   "myChannelName": "myChannelName",
   "This LBC remains yours. It is a deposit to reserve the name and can be undone at any time.": "This LBC remains yours. It is a deposit to reserve the name and can be undone at any time.",
-  "Create channel": "Create channel"
+  "Create channel": "Create channel",
+  "Uh oh. The flux in our Retro Encabulator must be out of whack. Try refreshing to fix it.": "Uh oh. The flux in our Retro Encabulator must be out of whack. Try refreshing to fix it.",
+  "If you still have issues, your anti-virus software or firewall may be preventing startup.": "If you still have issues, your anti-virus software or firewall may be preventing startup.",
+  "Reach out to hello@lbry.com for help, or check out": "Reach out to hello@lbry.com for help, or check out",
+  "A few things to know before participating in the comment alpha:": "A few things to know before participating in the comment alpha:",
+  "During the alpha, all comments are sent to a LBRY, Inc. server, not the LBRY network itself.": "During the alpha, all comments are sent to a LBRY, Inc. server, not the LBRY network itself.",
+  "During the alpha, comments are not decentralized or censorship resistant (but we repeat ourselves).": "During the alpha, comments are not decentralized or censorship resistant (but we repeat ourselves).",
+  "When the alpha ends, we will attempt to transition comments, but do not promise to do so. Any transition will likely involve publishing previous comments under a single archive handle.": "When the alpha ends, we will attempt to transition comments, but do not promise to do so. Any transition will likely involve publishing previous comments under a single archive handle."
 }