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,22 +224,31 @@
   }
 
   &-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;
-    outline: 0;
-    background: transparent;
-    color: $session-color-white;
-    font-size: 15px;
-    line-height: 18px;
-    text-align: center;
+    border: 2px solid #353535;
     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;
+
+    textarea {
+      width: 100%;
+      outline: 0;
+      border: none;
+      background: transparent;
+      color: #fff;
+      font-size: 15px;
+      line-height: 18px;
+      text-align: center;
+      overflow-wrap: break-word;
+      padding: 20px 5px 20px 5px;
+      display: inline-block;
+      font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+      user-select: all;
+    }
   }
 }
 

ts/components/session/SessionIdEditable.tsx

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

ts/components/session/SessionPasswordPrompt.tsx

@@ -41,7 +41,7 @@ export class SessionPasswordPrompt extends React.PureComponent<{}, State> {
 
   public render() {
     const showResetElements =
-      this.state.errorCount >= window.CONSTANTS.MAX_LOGIN_TRIES; 
+      this.state.errorCount >= window.CONSTANTS.MAX_LOGIN_TRIES;
 
     const wrapperClass = this.state.clearDataView
       ? 'clear-data-wrapper'

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,