From f9429b7c8609eeecda302d0a395a49ab6b8d0606 Mon Sep 17 00:00:00 2001
From: Ralf Becker <RalfBecker@outdoor-training.de>
Date: Fri, 29 Mar 2019 10:56:56 +0100
Subject: [PATCH] restyle lettersearch: margin to column-headers and lighter
 border

---
 api/js/etemplate/et2_extension_nextmatch.js | 1 +
 pixelegg/css/mobile.css                     | 8 ++++++--
 pixelegg/css/monochrome.css                 | 8 ++++++--
 pixelegg/css/pixelegg.css                   | 8 ++++++--
 pixelegg/less/def_buttons.less              | 2 +-
 pixelegg/less/layout_lettersearch.less      | 5 +++++
 pixelegg/mobile/fw_mobile.css               | 8 ++++++--
 7 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/api/js/etemplate/et2_extension_nextmatch.js b/api/js/etemplate/et2_extension_nextmatch.js
index a5e3632078..0e0d9e8ec6 100644
--- a/api/js/etemplate/et2_extension_nextmatch.js
+++ b/api/js/etemplate/et2_extension_nextmatch.js
@@ -2591,6 +2591,7 @@ var et2_nextmatch_header_bar = (function(){ "use strict"; return et2_DOMWidget.e
 		if(this.nextmatch.options.settings.lettersearch || current_letter)
 		{
 			this.lettersearch = jQuery(document.createElement("table"))
+				.addClass('nextmatch_lettersearch')
 				.css("width", "100%")
 				.appendTo(this.div);
 			var tbody = jQuery(document.createElement("tbody")).appendTo(this.lettersearch);
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 01dd060a38..367b007bc3 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -3405,8 +3405,11 @@ h6 {
  * @package pixelegg
  * @version $Id$
  */
+table.nextmatch_lettersearch {
+  margin-bottom: 6px;
+}
 .lettersearch {
-  border: 1px solid #B4B4B4;
+  border: 1px solid #E6E6E6;
   background: #f8f8f8;
   text-align: center;
   cursor: pointer;
@@ -3416,7 +3419,7 @@ h6 {
   color: #ffffff;
 }
 .lettersearch_active {
-  border: 1px solid #B4B4B4;
+  border: 1px solid #E6E6E6;
   background: #f8f8f8;
   text-align: center;
   cursor: pointer;
@@ -3425,6 +3428,7 @@ h6 {
 }
 td.lettersearch {
   background-image: none;
+  width: 3%;
 }
 /*.nextmatch_header table {
         border: none !important;
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index 9ae5092d07..276767829e 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -3394,8 +3394,11 @@ h6 {
  * @package pixelegg
  * @version $Id$
  */
+table.nextmatch_lettersearch {
+  margin-bottom: 6px;
+}
 .lettersearch {
-  border: 1px solid #B4B4B4;
+  border: 1px solid #E6E6E6;
   background: #f8f8f8;
   text-align: center;
   cursor: pointer;
@@ -3405,7 +3408,7 @@ h6 {
   color: #ffffff;
 }
 .lettersearch_active {
-  border: 1px solid #B4B4B4;
+  border: 1px solid #E6E6E6;
   background: #f8f8f8;
   text-align: center;
   cursor: pointer;
@@ -3414,6 +3417,7 @@ h6 {
 }
 td.lettersearch {
   background-image: none;
+  width: 3%;
 }
 /*.nextmatch_header table {
         border: none !important;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 221a89bdde..9d65c08545 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -3405,8 +3405,11 @@ h6 {
  * @package pixelegg
  * @version $Id$
  */
+table.nextmatch_lettersearch {
+  margin-bottom: 6px;
+}
 .lettersearch {
-  border: 1px solid #B4B4B4;
+  border: 1px solid #E6E6E6;
   background: #f8f8f8;
   text-align: center;
   cursor: pointer;
@@ -3416,7 +3419,7 @@ h6 {
   color: #ffffff;
 }
 .lettersearch_active {
-  border: 1px solid #B4B4B4;
+  border: 1px solid #E6E6E6;
   background: #f8f8f8;
   text-align: center;
   cursor: pointer;
@@ -3425,6 +3428,7 @@ h6 {
 }
 td.lettersearch {
   background-image: none;
+  width: 3%;
 }
 /*.nextmatch_header table {
         border: none !important;
diff --git a/pixelegg/less/def_buttons.less b/pixelegg/less/def_buttons.less
index 11630db52b..6411af2e12 100755
--- a/pixelegg/less/def_buttons.less
+++ b/pixelegg/less/def_buttons.less
@@ -262,7 +262,7 @@
 // Buchstaben
 
 .Complete_Button_lettersearch{
-	border: 1px solid @gray_30;
+	border: 1px solid @gray_10;
 	background: #f8f8f8;
     //	border: 1px solid #D3DCE3;
     text-align: center;
diff --git a/pixelegg/less/layout_lettersearch.less b/pixelegg/less/layout_lettersearch.less
index 559df0fbdd..8208f07e22 100755
--- a/pixelegg/less/layout_lettersearch.less
+++ b/pixelegg/less/layout_lettersearch.less
@@ -16,6 +16,10 @@
 
 // Lettersearch
 
+table.nextmatch_lettersearch {
+	margin-bottom: 6px;
+}
+
 .lettersearch {
     .Complete_Button_lettersearch;
 }
@@ -36,6 +40,7 @@
 td.lettersearch {
     //	border-color: #E0E0E0;
     background-image: none;
+	width: 3%;
 }
 
 
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 759f6634a7..0165d7d9ae 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -3416,8 +3416,11 @@ h6 {
  * @package pixelegg
  * @version $Id$
  */
+table.nextmatch_lettersearch {
+  margin-bottom: 6px;
+}
 .lettersearch {
-  border: 1px solid #B4B4B4;
+  border: 1px solid #E6E6E6;
   background: #f8f8f8;
   text-align: center;
   cursor: pointer;
@@ -3427,7 +3430,7 @@ h6 {
   color: #ffffff;
 }
 .lettersearch_active {
-  border: 1px solid #B4B4B4;
+  border: 1px solid #E6E6E6;
   background: #f8f8f8;
   text-align: center;
   cursor: pointer;
@@ -3436,6 +3439,7 @@ h6 {
 }
 td.lettersearch {
   background-image: none;
+  width: 3%;
 }
 /*.nextmatch_header table {
         border: none !important;