From 1248834cb08ed3a794810f63c24d794473053f5f Mon Sep 17 00:00:00 2001
From: ErickSkrauch <erickskrauch@yandex.ru>
Date: Thu, 26 May 2016 14:22:35 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=20=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D0=B2=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD=D0=BE=D0=B9=20?=
 =?UTF-8?q?=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=8B=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=BE=D1=84=D0=B8=D0=BB=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/profile/profile.scss | 56 +++++++++++++++++++++++++++++
 src/pages/profile/profile.scss      |  6 ++++
 2 files changed, 62 insertions(+)

diff --git a/src/components/profile/profile.scss b/src/components/profile/profile.scss
index 5e61eaf..9e04413 100644
--- a/src/components/profile/profile.scss
+++ b/src/components/profile/profile.scss
@@ -99,3 +99,59 @@
 .uuid {
     font-family: $font-family-title;
 }
+
+@media (max-width: 720px) {
+    .indexTitle {
+        text-align: center;
+        margin-bottom: 8px;
+    }
+
+    .indexContent {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .descriptionColumn {
+        width: 100%;
+        max-width: 416px;
+        padding: 0;
+        margin-bottom: 10px;
+    }
+
+    .indexDescription {
+        text-align: center;
+    }
+
+    .uuid {
+        font-size: 13px;
+    }
+}
+
+@media (max-width: 424px) {
+    .paramRow {
+        flex-wrap: wrap;
+    }
+
+    .paramName {
+        width: 100%;
+        margin-bottom: 3px;
+    }
+
+    .paramValue {
+        flex-grow: 0;
+        font-size: 16px;
+    }
+
+    .paramEditIcon {
+        margin-left: 5px;
+        vertical-align: top;
+    }
+
+    .paramMessage {
+        padding: 3px 0 0;
+    }
+
+    .uuid {
+        font-size: 14px;
+    }
+}
diff --git a/src/pages/profile/profile.scss b/src/pages/profile/profile.scss
index 9ce0df4..2a11f57 100644
--- a/src/pages/profile/profile.scss
+++ b/src/pages/profile/profile.scss
@@ -9,3 +9,9 @@
     width: 100%;
     left: 0;
 }
+
+@media (max-width: 720px) {
+    .container {
+        margin: 20px 10px 10px;
+    }
+}