From 63d58495ab265c97da6224e9d030ff9af0a5ba1e Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Fri, 29 Sep 2017 08:57:11 +1300
Subject: [PATCH] Popup description

---
 src/js/components/Modal/EditRadioModal.js |  2 +-
 src/scss/global/_core.scss                |  2 +-
 src/scss/global/_forms.scss               | 28 ++++++++---------------
 3 files changed, 12 insertions(+), 20 deletions(-)

diff --git a/src/js/components/Modal/EditRadioModal.js b/src/js/components/Modal/EditRadioModal.js
index 13a1bdfe..84260fb7 100755
--- a/src/js/components/Modal/EditRadioModal.js
+++ b/src/js/components/Modal/EditRadioModal.js
@@ -161,7 +161,7 @@ export default class EditRadioModal extends React.Component{
 						<span className="button discrete add-uri no-hover" onClick={e => this.addSeed()}>
 							<FontAwesome name="plus" />&nbsp; Add
 						</span>
-						{this.state.error_message ? <span className="error">{this.state.error_message}</span> : null}
+						{this.state.error_message ? <span className="description error">{this.state.error_message}</span> : null}
 					</div>
 				</form>
 
diff --git a/src/scss/global/_core.scss b/src/scss/global/_core.scss
index ae8a9e6c..47383ba7 100755
--- a/src/scss/global/_core.scss
+++ b/src/scss/global/_core.scss
@@ -347,7 +347,7 @@ footer {
 	font-size: 9px;
 	font-weight: bold;
 	display: inline-block;
-	padding: 2px 5px;
+	padding: 3px 5px 1px;
 	background: $light_grey;
 	color: $dark_grey;
 	border-radius: 3px;
diff --git a/src/scss/global/_forms.scss b/src/scss/global/_forms.scss
index eb5df075..f9bff43a 100755
--- a/src/scss/global/_forms.scss
+++ b/src/scss/global/_forms.scss
@@ -171,15 +171,6 @@ input[type="submit"] {
 		}
 	}
 
-	.flag {
-		font-size: 10px;
-		margin-left: 5px;
-		padding: 1px 4px;
-		line-height: 1.2em;
-		vertical-align: top;
-		margin-top: 1px;
-	}
-
 	@include responsive( $bp_medium ){
 		margin-right: 10px;
 		padding-left: 20px;
@@ -203,13 +194,6 @@ input[type="submit"] {
 		display: inline-block;
 	}
 
-	.description {
-		display: inline-block;
-		padding: 10px 14px;
-		font-size: 12px;
-		opacity: 0.6;
-	}
-
 	.input {
 		width: 80%;
 		float: left;
@@ -286,9 +270,17 @@ input[type="submit"] {
 		}
 	}
 
-	.error {
-		color: $red;
+	.description {
 		display: inline-block;
+		padding: 10px 14px;
+		font-size: 12px;
+		opacity: 0.6;
+
+		&.error {
+			color: $red;
+			display: inline-block;
+			opacity: 1;
+		}
 	}
 }