improve current session id message selectivity (#192)

Author: vzaidman

front_end/panels/rn_welcome/RNWelcome.ts

@@ -173,10 +173,11 @@ export class RNWelcomeImpl extends UI.Widget.VBox implements
             </x-link>
           </div>
           ${launchId ? html`
-            <div class="rn-session-id">
+            <div class="rn-session-id-message">
               ${i18nString(UIStrings.sessionIdMessage)}
-              <br/>
-              ${launchId}
+              <div class="rn-session-id">
+                ${launchId}
+              </div>
             </div>
           ` : ''}
           ${this.#reactNativeVersion !== null && this.#reactNativeVersion !== undefined ? html`

front_end/panels/rn_welcome/rnWelcome.css

@@ -101,10 +101,12 @@
   border-right: 1px solid var(--sys-color-on-base-divider);
 }
 
-.rn-session-id {
-  display: flex;
-  align-items: center;
+.rn-session-id-message {
+  display: block;
   margin-top: 24px;
+}
+
+.rn-session-id-message > .rn-session-id {
   user-select: all;
 }