Merge pull request #11518 from mrclay/dev_layout

chore(developers): fix developers popup layout
Elgg · Dec 21, 2017 · 0536786 · 0536786
2 parents 5f4e995 + 1dd41d3
commit 0536786
Showing 1 changed file with 52 additions and 52 deletions.
diff --git a/mod/developers/views/default/developers/css.php b/mod/developers/views/default/developers/css.php
@@ -1,18 +1,10 @@
-<?php
-/**
- * Admin CSS for Elgg Developers plugin
- */
-?>
 /*<style>*/
 /*** Elgg Developer Tools ***/
 #developers-iframe {
 	width: 100%;
 	height: 600px;
 	border: none;
 }
-#developer-settings-form label {
-	margin-right: 5px;
-}
 .developers-log {
 	background-color: #EBF5FF;
 	border: 1px solid #999;
@@ -27,49 +19,57 @@
 	cursor: pointer;
 	padding: 5px 8px;
 }
+
 .developers-gear-popup {
-	text-align: right;
-}
-.developers-gear-popup > section {
-	display: inline-block;
-	width: 16em;
-	padding: 0 20px 20px 0;
-	text-align: left;
-	vertical-align: top;
-}
-.developers-gear-popup > section.developers-form {
-	width: 24em;
-}
-.developers-gear-popup h2 {
-	margin-bottom: 10px;
-}
-.developers-gear-popup .elgg-child-menu {
-	margin-left: 20px;
-	margin-bottom: 10px;
-}
-.developers-gear-popup .elgg-menu-parent,
-.developers-gear-popup .elgg-menu-parent:hover {
-	color: #000;
-	text-decoration: none;
-	cursor: default;
-}
-.developers-gear-popup .elgg-text-help {
-	display: none;
-}
-.developers-gear-popup label {
-	font-weight: inherit;
-	font-size: inherit;
-}
-.developers-gear-popup fieldset > div {
-	margin-bottom: 10px;
-}
-.developers-gear-popup #developer-settings-form  label .elgg-icon-info,
-.developers-gear-popup #developer-settings-form  label .elgg-text-help {
-	margin-left: 10px;
-	vertical-align: text-top;
-	cursor: pointer;
-}
-.developers-gear-popup #developer-settings-form .elgg-foot {
-	margin-top: 15px;
-	margin-bottom: 0;
+	display: flex;
+	justify-content: space-evenly;
+
+	> section {
+		width: 16em;
+	}
+	> section.developers-form {
+		width: 24em;
+	}
+
+	h2 {
+		margin-bottom: 10px;
+	}
+
+	.elgg-child-menu {
+		margin-left: 20px;
+		margin-bottom: 10px;
+	}
+
+	.elgg-menu-parent,
+	.elgg-menu-parent:hover {
+		color: #000;
+		text-decoration: none;
+		cursor: default;
+	}
+
+	.elgg-text-help {
+		display: none;
+	}
+
+	label {
+		font-weight: inherit;
+	}
+
+	fieldset > div {
+		margin-bottom: 5px;
+	}
+
+	#developer-settings-form {
+		label .elgg-icon-info,
+		label .elgg-text-help {
+			margin-left: 10px;
+			vertical-align: text-top;
+			cursor: pointer;
+		}
+
+		.elgg-foot {
+			margin-top: 15px;
+			margin-bottom: 0;
+		}
+	}
 }