From aab3a24bd592ef451a5fdcfb8d90068dd12cf621 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Mon, 13 Aug 2018 19:09:52 +0200
Subject: Design grid fixes, delete and flex
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 css/details.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

(limited to 'css')

diff --git a/css/details.scss b/css/details.scss
index ee75cd89..b55fe867 100644
--- a/css/details.scss
+++ b/css/details.scss
@@ -139,6 +139,7 @@
 			@include generate-grid-span(1);
 			display: flex;
 			flex-wrap: wrap;
+			flex-direction: column;
 			position: relative;
 			width: $grid-column-width;
 			.icon-delete {
@@ -147,6 +148,22 @@
 				right: 0;
 				width: 44px;
 				height: 44px;
+				border: 0;
+				background-color: transparent;
+				opacity: .5;
+				display: none;
+				&:hover,
+				a:active,
+				a:focus {
+					opacity: .7;
+				}
+			}
+			&:hover,
+			a:active,
+			a:focus {
+				.icon-delete {
+					display: block;
+				}
 			}
 		}
 		.contact-details-label {
@@ -165,6 +182,8 @@
 			vertical-align: middle;
 		}
 		.contact-details-property-row {
+			display: flex;
+			align-items: center;
 		}
 	}
 }
\ No newline at end of file
-- 
cgit v1.2.3