add margin between record button and time

bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/component.jsx

@@ -138,7 +138,7 @@ class RecordingIndicator extends PureComponent {
     };
 
     const recordingIndicatorIcon = (
-      <span data-test="mainWhiteboard" className={styles.recordingIndicatorIcon}>
+      <span data-test="mainWhiteboard" className={cx(styles.recordingIndicatorIcon, (!isPhone || recording) && styles.presentationTitleMargin)}>
         <svg xmlns="http://www.w3.org/2000/svg" height="100%" version="1" viewBox="0 0 20 20">
           <g stroke="#FFF" fill="#FFF" strokeLinecap="square">
             <circle
@@ -174,7 +174,7 @@ class RecordingIndicator extends PureComponent {
       >
         {recordingIndicatorIcon}
 
-        <div className={cx(styles.presentationTitle, (!isPhone || recording) && styles.presentationTitleMargin)}>
+        <div className={styles.presentationTitle}>
           {recording
             ? (
               <span className={styles.visuallyHidden}>

bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/styles.scss

@@ -86,7 +86,9 @@
 }
 
 .presentationTitleMargin {
-  margin-left: var(--sm-padding-x);
+  [dir="ltr"] & {
+    margin-right: var(--sm-padding-x);
+  }
 }
 
 .recordingStatusViewOnly {