From f2539b052fae94563eb286271f7d36b4ad10b4a4 Mon Sep 17 00:00:00 2001
From: aignatov-bio <aignatov@biosistemika.com>
Date: Wed, 5 Feb 2020 13:25:45 +0100
Subject: [PATCH] Add connected account styling

---
 .../settings/connected_accounts.scss          | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 app/assets/stylesheets/settings/connected_accounts.scss

diff --git a/app/assets/stylesheets/settings/connected_accounts.scss b/app/assets/stylesheets/settings/connected_accounts.scss
new file mode 100644
index 000000000..406ad0f7a
--- /dev/null
+++ b/app/assets/stylesheets/settings/connected_accounts.scss
@@ -0,0 +1,36 @@
+.connected-account {
+  border: $border-default;
+  border-radius: $border-radius-default;
+  display: flex;
+  padding: 16px;
+
+  .left-block {
+    align-items: center;
+    display: flex;
+    flex-grow: 1;
+    flex-wrap: wrap;
+
+    .title {
+      @include font-h3;
+    }
+
+    .description {
+      flex-basis: 100%;
+      margin-top: 7px;
+    }
+
+    .status {
+      color: $brand-success;
+      margin-left: 8px;
+    }
+  }
+
+  .right-block {
+    align-items: flex-end;
+    display: flex;
+    flex-basis: 150px;
+    flex-direction: column;
+    flex-shrink: 0;
+    justify-content: flex-end;
+  }
+}