From 7119f5b8487ae3648c55dbea14c232e4bdd858b4 Mon Sep 17 00:00:00 2001
From: gardenboi <118072927+gardenboi@users.noreply.github.com>
Date: Sun, 26 Nov 2023 20:01:03 +0100
Subject: [PATCH] Applied suggestions from code review

-Added translations to select field on buttons
-Changed css: added margin, removed <br> in the select field, changged color nomenclature from hex to literal
-

Co-authored-by: Erik Golinelli <erikyo83@gmail.com>
---
 admin/CF7_AntiSpam_Admin_Customizations.php | 10 +++++-----
 src/settings/settings.scss                  |  6 +++++-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/admin/CF7_AntiSpam_Admin_Customizations.php b/admin/CF7_AntiSpam_Admin_Customizations.php
index 7a51ca5..e96f74e 100644
--- a/admin/CF7_AntiSpam_Admin_Customizations.php
+++ b/admin/CF7_AntiSpam_Admin_Customizations.php
@@ -1506,20 +1506,20 @@ public function cf7a_honeyform_excluded_pages_callback() {
 								<select name="add" multiple class="form-control add-select">
 								  %s
 								</select>
-								<br/>
-								<div class="add-list">Add ></div>
+								<div class="honeyform-action add-list">%s ></div>
 							  </div>
 							  <div class="remove">
 								<select id="honeyform_excluded_pages" name="cf7a_options[honeyform_excluded_pages][]" multiple="multiple" class="form-control remove-select" >
 								%s
 								</select>
-								<br/>
-								<div class="remove-list">< Remove</div>
+								<div class="honeyform-action remove-list">< %s</div>
 							  </div>
 						 </div>
 					 </div>',
 					$options,
-					$str_excluded
+					__( 'Add', 'cf7-antispam' ),
+					$str_excluded,
+					__( 'Remove', 'cf7-antispam' ),
 		);
 	}
 
diff --git a/src/settings/settings.scss b/src/settings/settings.scss
index ae1d570..cb223b2 100644
--- a/src/settings/settings.scss
+++ b/src/settings/settings.scss
@@ -95,6 +95,10 @@ $color__info: $color__blue;
 			display: flex;
 			flex-wrap: wrap;
 
+			.honeyform-action {
+				margin-top: 8px;
+			}
+
 			.add,
 			.remove {
 				flex: 1;
@@ -104,7 +108,7 @@ $color__info: $color__blue;
 				}
 				div {
 					text-align: center;
-					border: #8c8f94 solid 1px;
+					border: $color__dark-grey solid 1px;
 				}
 			}
 		}