From f9232bcf6453ca4eae9ed6efad53624de7f5d765 Mon Sep 17 00:00:00 2001
From: James Jung <james.jung.ysj@gmail.com>
Date: Wed, 13 Jun 2018 13:01:19 -0400
Subject: [PATCH] Adjust vertical align of recording tag to match with the
 session title

---
 .../ui/components/nav-bar/recording-indicator/component.jsx   | 2 +-
 .../ui/components/nav-bar/recording-indicator/styles.scss     | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)
 mode change 100644 => 100755 bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/component.jsx
 mode change 100644 => 100755 bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/styles.scss

diff --git a/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/component.jsx b/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/component.jsx
old mode 100644
new mode 100755
index 74d231832c..890654c181
--- a/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/component.jsx
@@ -7,7 +7,7 @@ const RecordingIndicator = ({
   if (!record) return null;
 
   return (
-    <div>
+    <div className={styles.recordState}>
       <div className={recording ? styles.recordIndicator : styles.notRecording} />
       <span className={recording ? styles.recordingLabel : styles.notRecordingLabel}>{title}</span>
     </div>
diff --git a/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/styles.scss b/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/styles.scss
old mode 100644
new mode 100755
index 6b37d09f17..b569419dc2
--- a/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/nav-bar/recording-indicator/styles.scss
@@ -55,3 +55,7 @@
   @extend %baseIndicatorLabel;
   color: $color-gray;
 }
+
+.recordState {
+  display: flex;
+}
\ No newline at end of file