Some improvements for nextmatch header style

mail/templates/mobile/app.css

@@ -2053,6 +2053,9 @@ table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb {
 table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover {
   background: #555;
 }
+#mail-index_nm.et2_nextmatch .egwGridView_outer thead tr {
+  border-left: 12px solid #B4B4B4;
+}
 /* import */
 /* tablets and smartphones  */
 @media all {

mail/templates/pixelegg/app.css

@@ -2041,3 +2041,6 @@ table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb {
 table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover {
   background: #555;
 }
+#mail-index_nm.et2_nextmatch .egwGridView_outer thead tr {
+  border-left: 12px solid #B4B4B4;
+}

mail/templates/pixelegg/app.less

@@ -1207,3 +1207,4 @@ table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb {
 table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover {
   background: #555;
 }
+#mail-index_nm.et2_nextmatch .egwGridView_outer thead tr {border-left: 12px solid @gray_30;}

pixelegg/css/mobile.css

@@ -523,6 +523,9 @@
   .et2_nextmatch {
     background-color: transparent;
   }
+  .et2_nextmatch .egwGridView_outer thead tr > th:first-child {
+    border-left: 6px solid #B4B4B4;
+  }
   .et2_nextmatch .nextmatch_header {
     padding: 0;
     border: none;
@@ -4313,13 +4316,10 @@ td.message span.message {
   margin-left: 0px;
   background-repeat: no-repeat;
   background-position: center;
-  background-image: url(../images/close_button.png);
+  background-image: url(../images/close.svg);
-  background-size: 10px 10px;
+  background-size: 6px 6px;
   position: absolute;
 }
-#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button :hover {
-  background-image: url(../images/close_button_hover.png);
-}
 #egw_fw_main .egw_fw_ui_tab_header_hover {
   background-color: #FFDD73;
 }
@@ -5463,14 +5463,10 @@ table.egwGridView_outer thead tr th {
   background-position: -200px;
   font-weight: normal;
   padding: 3px 1px 3px 4px;
-  border-color: #B4B4B4;
+  border: 1px solid #B4B4B4;
-  border-left: 1px solid white;
-  border-top: 0px solid transparent;
-  border-right: 1px solid white;
-  border-bottom: 0px solid transparent;
   vertical-align: middle;
   overflow: auto;
-  background: #e0e0e0;
+  background-color: #f0f0f0;
 }
 table.egwGridView_outer thead tr th:hover {
   background-color: #bfbfbf;
@@ -5501,9 +5497,10 @@ table.egwGridView_outer thead tr th.optcol {
   padding: 0;
   text-align: center;
   background-image: none;
+  border-right: none;
   /*width: 32px !important;*/
   vertical-align: bottom;
-  background-color: #ffffff;
+  background-color: #f0f0f0;
 }
 table.egwGridView_outer thead tr th.optcol:hover {
   cursor: pointer;

pixelegg/css/monochrome.css

@@ -512,6 +512,9 @@
   .et2_nextmatch {
     background-color: transparent;
   }
+  .et2_nextmatch .egwGridView_outer thead tr > th:first-child {
+    border-left: 6px solid #B4B4B4;
+  }
   .et2_nextmatch .nextmatch_header {
     padding: 0;
     border: none;
@@ -4302,13 +4305,10 @@ td.message span.message {
   margin-left: 0px;
   background-repeat: no-repeat;
   background-position: center;
-  background-image: url(../images/close_button.png);
+  background-image: url(../images/close.svg);
-  background-size: 10px 10px;
+  background-size: 6px 6px;
   position: absolute;
 }
-#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button :hover {
-  background-image: url(../images/close_button_hover.png);
-}
 #egw_fw_main .egw_fw_ui_tab_header_hover {
   background-color: #FFDD73;
 }
@@ -5452,14 +5452,10 @@ table.egwGridView_outer thead tr th {
   background-position: -200px;
   font-weight: normal;
   padding: 3px 1px 3px 4px;
-  border-color: #B4B4B4;
+  border: 1px solid #B4B4B4;
-  border-left: 1px solid white;
-  border-top: 0px solid transparent;
-  border-right: 1px solid white;
-  border-bottom: 0px solid transparent;
   vertical-align: middle;
   overflow: auto;
-  background: #e0e0e0;
+  background-color: #f0f0f0;
 }
 table.egwGridView_outer thead tr th:hover {
   background-color: #bfbfbf;
@@ -5490,9 +5486,10 @@ table.egwGridView_outer thead tr th.optcol {
   padding: 0;
   text-align: center;
   background-image: none;
+  border-right: none;
   /*width: 32px !important;*/
   vertical-align: bottom;
-  background-color: #ffffff;
+  background-color: #f0f0f0;
 }
 table.egwGridView_outer thead tr th.optcol:hover {
   cursor: pointer;

pixelegg/css/pixelegg.css

@@ -523,6 +523,9 @@
   .et2_nextmatch {
     background-color: transparent;
   }
+  .et2_nextmatch .egwGridView_outer thead tr > th:first-child {
+    border-left: 6px solid #B4B4B4;
+  }
   .et2_nextmatch .nextmatch_header {
     padding: 0;
     border: none;
@@ -4313,13 +4316,10 @@ td.message span.message {
   margin-left: 0px;
   background-repeat: no-repeat;
   background-position: center;
-  background-image: url(../images/close_button.png);
+  background-image: url(../images/close.svg);
-  background-size: 10px 10px;
+  background-size: 6px 6px;
   position: absolute;
 }
-#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button :hover {
-  background-image: url(../images/close_button_hover.png);
-}
 #egw_fw_main .egw_fw_ui_tab_header_hover {
   background-color: #FFDD73;
 }
@@ -5463,14 +5463,10 @@ table.egwGridView_outer thead tr th {
   background-position: -200px;
   font-weight: normal;
   padding: 3px 1px 3px 4px;
-  border-color: #B4B4B4;
+  border: 1px solid #B4B4B4;
-  border-left: 1px solid white;
-  border-top: 0px solid transparent;
-  border-right: 1px solid white;
-  border-bottom: 0px solid transparent;
   vertical-align: middle;
   overflow: auto;
-  background: #e0e0e0;
+  background-color: #f0f0f0;
 }
 table.egwGridView_outer thead tr th:hover {
   background-color: #bfbfbf;
@@ -5501,9 +5497,10 @@ table.egwGridView_outer thead tr th.optcol {
   padding: 0;
   text-align: center;
   background-image: none;
+  border-right: none;
   /*width: 32px !important;*/
   vertical-align: bottom;
-  background-color: #ffffff;
+  background-color: #f0f0f0;
 }
 table.egwGridView_outer thead tr th.optcol:hover {
   cursor: pointer;

pixelegg/images/close.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<path fill="#696969" d="M0.795,0.186h7.527L16.27,11.33l8.045-11.144h7.17l-11.757,15.43l12.181,16.229h-7.433L15.882,19.96
+		L7.545,31.844H0.18L12.36,15.615L0.795,0.186z"/>
+</g>
+</svg>

pixelegg/less/etemplate2.less

@@ -478,6 +478,11 @@ div.header_row_right{
 // AREA AROUND CONTENT
 .et2_nextmatch {
     background-color: transparent;
+	.egwGridView_outer {
+		thead tr > th:first-child {
+			border-left: 6px solid @gray_30;
+		}
+	}
 }
 
 // complete nextmatch....Background color!

pixelegg/less/layout_raster_main.less

@@ -196,19 +196,14 @@
         .egw_fw_ui_tab_close_button {
             right: 3px;
             top: 1px;
-
             display: inline-block;
             .dimension_width_height_xs;
             margin-left: 0px;
             background-repeat: no-repeat;
             background-position: center;
-            background-image: url(../images/close_button.png);
+            background-image: url(../images/close.svg);
-            background-size: 10px 10px;
+            background-size: 6px 6px;
             position: absolute;
-
-            :hover {
-                background-image: url(../images/close_button_hover.png);
-            }
         }
         // Ende Tabs
     }

pixelegg/less/layout_table.less

@@ -77,14 +77,10 @@ table.egwGridView_outer{
                 background-position: -200px;
                 font-weight: normal;
                 padding: 3px 1px 3px 4px;
-                border-color: @gray_30;
+                border: 1px solid @gray_30;
-                border-left: 1px solid white;
-                border-top: 0px solid transparent;
-                border-right: 1px solid white;
-                border-bottom: 0px solid transparent;
                 vertical-align: middle;
                 overflow: auto;
-				background: rgb(224, 224, 224);
+				.background_color_10_gray;
                 &:hover {
                     .background_color_25_gray;
                     .color_0_gray;
@@ -114,9 +110,10 @@ table.egwGridView_outer{
                 padding: 0;
                 text-align: center;
                 background-image: none;
+				border-right: none;
                 /*width: 32px !important;*/
 				vertical-align: bottom;
-				.background_color_0_gray;
+				.background_color_10_gray;
                 &:hover{
                     cursor: pointer;
                 }

pixelegg/mobile/fw_mobile.css

@@ -534,6 +534,9 @@
   .et2_nextmatch {
     background-color: transparent;
   }
+  .et2_nextmatch .egwGridView_outer thead tr > th:first-child {
+    border-left: 6px solid #B4B4B4;
+  }
   .et2_nextmatch .nextmatch_header {
     padding: 0;
     border: none;
@@ -4324,13 +4327,10 @@ td.message span.message {
   margin-left: 0px;
   background-repeat: no-repeat;
   background-position: center;
-  background-image: url(../images/close_button.png);
+  background-image: url(../images/close.svg);
-  background-size: 10px 10px;
+  background-size: 6px 6px;
   position: absolute;
 }
-#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button :hover {
-  background-image: url(../images/close_button_hover.png);
-}
 #egw_fw_main .egw_fw_ui_tab_header_hover {
   background-color: #FFDD73;
 }
@@ -5474,14 +5474,10 @@ table.egwGridView_outer thead tr th {
   background-position: -200px;
   font-weight: normal;
   padding: 3px 1px 3px 4px;
-  border-color: #B4B4B4;
+  border: 1px solid #B4B4B4;
-  border-left: 1px solid white;
-  border-top: 0px solid transparent;
-  border-right: 1px solid white;
-  border-bottom: 0px solid transparent;
   vertical-align: middle;
   overflow: auto;
-  background: #e0e0e0;
+  background-color: #f0f0f0;
 }
 table.egwGridView_outer thead tr th:hover {
   background-color: #bfbfbf;
@@ -5512,9 +5508,10 @@ table.egwGridView_outer thead tr th.optcol {
   padding: 0;
   text-align: center;
   background-image: none;
+  border-right: none;
   /*width: 32px !important;*/
   vertical-align: bottom;
-  background-color: #ffffff;
+  background-color: #f0f0f0;
 }
 table.egwGridView_outer thead tr th.optcol:hover {
   cursor: pointer;