[#264] updates styling

src/client/backup/GitLabSnippetInput.js

@@ -10,7 +10,8 @@ export function GitLabSnippetInput({snippetId, setSnippetId, disabled}) {
     <Input value={newSnippetId}
            onChange={({target}) => setNewSnippetId(target.value)}
            onBlur={() => setSnippetId(newSnippetId)}
-           disabled={disabled}>
+           disabled={disabled}
+           className={styles.snippet}>
       <div className={styles.label}>snippet ID</div>
     </Input>
   )

src/client/backup/GitLabUrlInput.js

@@ -11,8 +11,9 @@ export function GitLabUrlInput({url, setUrl, disabled}) {
     <Input value={newUrl}
            onChange={({target}) => setNewUrl(target.value)}
            onBlur={() => setUrl(newUrl)}
-           disabled={disabled}>
-      <div className={styles.label}>url</div>
+           disabled={disabled}
+           className={styles.url}>
+      <div className={styles.label}>URL</div>
     </Input>
   )
 }

src/client/backup/import/gitlab/GitLab.js

@@ -24,7 +24,8 @@ export function GitLab({snippetId, gitLabSetSnippetId, url, gitLabSetUrl, loaded
                           snippetId={snippetId}
                           setSnippetId={gitLabSetSnippetId}
                           disabled={disabled}/>
-      <Password onChange={accessTokenChanged}
+      <Password className={styles.accessToken}
+                onChange={accessTokenChanged}
                 onBlur={accessTokenChanged}
                 value={accessToken}
                 disabled={disabled}>

src/client/backup/import/gitlab/gitlab.scss

@@ -11,3 +11,9 @@ $label-size: 6em;
 .label {
   width: $label-size;
 }
+
+.accessToken {
+  @include respond-to(tablet, desktop) {
+    width: 36em;
+  }
+}

src/client/backup/snippet-id-input.scss

@@ -1,5 +1,16 @@
+@import '../common/layout';
 @import './export/gitlab/gitlab';
 
 .label {
   width: $label-size;
 }
+
+.url {
+  @extend %first;
+}
+
+.snippet {
+  @include respond-to(tablet, desktop) {
+    width: 36em;
+  }
+}