From f509a7e06b7c9bc62571fa20d8671ed740294228 Mon Sep 17 00:00:00 2001
From: Christopher Martin <eternalepoch@gmail.com>
Date: Wed, 20 Feb 2019 21:27:24 +0000
Subject: [PATCH] [#264] updates styling

---
 src/client/backup/GitLabSnippetInput.js     |  3 ++-
 src/client/backup/GitLabUrlInput.js         |  5 +++--
 src/client/backup/import/gitlab/GitLab.js   |  3 ++-
 src/client/backup/import/gitlab/gitlab.scss |  6 ++++++
 src/client/backup/snippet-id-input.scss     | 11 +++++++++++
 5 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/client/backup/GitLabSnippetInput.js b/src/client/backup/GitLabSnippetInput.js
index b7fc8e89..f665ad49 100644
--- a/src/client/backup/GitLabSnippetInput.js
+++ b/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>
   )
diff --git a/src/client/backup/GitLabUrlInput.js b/src/client/backup/GitLabUrlInput.js
index feb02a56..4b23674b 100644
--- a/src/client/backup/GitLabUrlInput.js
+++ b/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>
   )
 }
diff --git a/src/client/backup/import/gitlab/GitLab.js b/src/client/backup/import/gitlab/GitLab.js
index a16a7c91..b92b3642 100644
--- a/src/client/backup/import/gitlab/GitLab.js
+++ b/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}>
diff --git a/src/client/backup/import/gitlab/gitlab.scss b/src/client/backup/import/gitlab/gitlab.scss
index 1bf34e81..2951be48 100644
--- a/src/client/backup/import/gitlab/gitlab.scss
+++ b/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;
+  }
+}
diff --git a/src/client/backup/snippet-id-input.scss b/src/client/backup/snippet-id-input.scss
index 8a267bbf..c6f2320b 100644
--- a/src/client/backup/snippet-id-input.scss
+++ b/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;
+  }
+}