textarea centering

stylesheets/_session.scss

@@ -1325,15 +1325,16 @@ label {
 }
 
 .session-id-editable {
-  resize: none;
-  overflow: hidden;
-}
+  padding: $session-margin-lg;
 
-.user-details-dialog {
-  .session-id-editable {
+  textarea {
     width: 30vh;
   }
 }
+.session-id-editable textarea {
+  resize: none;
+  overflow: hidden;
+}
 
 input {
   user-select: text;

stylesheets/_session_left_pane.scss

@@ -296,7 +296,7 @@ $session-compose-margin: 20px;
       margin: 0px 20px;
     }
 
-    .session-id-editable {
+    .session-id-editable textarea::-webkit-inner-spin-button {
       margin: 0px 20px;
       width: -webkit-fill-available;
       flex-shrink: 0;

stylesheets/_session_signin.scss

@@ -224,23 +224,32 @@
   }
 
   &-id-editable {
+    display: flex;
+    align-items: center;
+    justify-content: center;
     height: 94px;
     width: 100%;
+    padding: 20px;
     border-radius: 8px;
-    border: 2px solid $session-color-dark-grey;
+    border: 2px solid #353535;
+    margin-bottom: 20px;
+
+    textarea {
+      width: 100%;
       outline: 0;
+      border: none;
       background: transparent;
-    color: $session-color-white;
+      color: #fff;
       font-size: 15px;
       line-height: 18px;
       text-align: center;
-    margin-bottom: 20px;
       overflow-wrap: break-word;
       padding: 20px 5px 20px 5px;
       display: inline-block;
       font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
       user-select: all;
     }
+  }
 }
 
 [contenteditable='true']:empty::before {

ts/components/session/SessionIdEditable.tsx

@@ -28,9 +28,9 @@ export class SessionIdEditable extends React.PureComponent<Props> {
     const { placeholder, editable, text } = this.props;
 
     return (
+      <div className="session-id-editable">
         <textarea
           ref={this.inputRef}
-        className="session-id-editable"
           placeholder={placeholder}
           disabled={!editable}
           spellCheck={false}
@@ -38,6 +38,7 @@ export class SessionIdEditable extends React.PureComponent<Props> {
           onChange={this.handleChange}
           value={text}
         />
+      </div>
     );
   }
 

ts/components/session/SessionSeedModal.tsx

@@ -40,6 +40,10 @@ export class SessionSeedModal extends React.Component<Props, State> {
     window.addEventListener('keyup', this.onEnter);
   }
 
+  public componentDidMount() {
+    setTimeout(() => $('#seed-input-password').focus(), 100);
+  }
+
   public render() {
     const i18n = window.i18n;
 

ts/components/session/settings/SessionSettings.tsx

@@ -403,7 +403,7 @@ export class SettingsView extends React.Component<SettingsViewProps, State> {
         id: 'media-permissions',
         title: window.i18n('mediaPermissionsTitle'),
         description: window.i18n('mediaPermissionsDescription'),
-        hidden: true, // Hidden until feature works
+        hidden: false,
         type: SessionSettingType.Toggle,
         category: SessionSettingCategory.Permissions,
         setFn: window.toggleMediaPermissions,