From db31bf8a64114e54de1530b31e9cb0f3db090d44 Mon Sep 17 00:00:00 2001
From: Michael Weimann <mail@michael-weimann.eu>
Date: Mon, 13 Aug 2018 21:51:58 +0200
Subject: [PATCH] switches the oc dialog button row to flex

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
---
 core/css/jquery.ocdialog.scss | 27 +++++++++------------------
 1 file changed, 9 insertions(+), 18 deletions(-)

diff --git a/core/css/jquery.ocdialog.scss b/core/css/jquery.ocdialog.scss
index 0a6e99ddb4..0a0222497b 100644
--- a/core/css/jquery.ocdialog.scss
+++ b/core/css/jquery.ocdialog.scss
@@ -21,7 +21,7 @@
 }
 .oc-dialog-buttonrow {
 	position: relative;
-	display: block;
+	display: flex;
 	background: transparent;
 	right: 0;
 	bottom: 0;
@@ -32,24 +32,15 @@
 	background-image: linear-gradient(rgba(255, 255, 255, 0.0), var(--color-main-background));
 	border-bottom-left-radius: 3px;
 	border-bottom-right-radius: 3px;
-	clear: both;
-	button {
-		display: inline-block;
-	}
-}
-/* align primary button to right, other buttons to left */
-.oc-dialog-buttonrow.twobuttons button:nth-child(1) {
-	float: left;
-}
-.oc-dialog-buttonrow.twobuttons.aside button:nth-child(1) {
-	float: none;
-}
-.oc-dialog-buttonrow.twobuttons button:nth-child(2) {
-	float: right;
-}
 
-.oc-dialog-buttonrow.onebutton button {
-	float: right;
+	&.twobuttons {
+		justify-content: space-between;
+	}
+
+	&.onebutton,
+	&.twobuttons.aside {
+		justify-content: flex-end;
+	}
 }
 
 .oc-dialog-close {