From 3ee01b597e4da55a4dd1f94ce670c7d2086ad64d Mon Sep 17 00:00:00 2001
From: baka <baka@8810af33-2d31-482b-a856-94f89814c4df>
Date: Thu, 19 Apr 2018 08:46:18 +0000
Subject: [PATCH] #2745 Better style for the dialog of the item search widget

git-svn-id: https://svn.libreccm.org/ccm/ccm_ng@5377 8810af33-2d31-482b-a856-94f89814c4df

Former-commit-id: 73054bd8ec404d1006e5076f013acedbc6aaff17
---
 .../themes/foundry/foundry/styles/admin.css   | 55 ++++++++++++++++---
 1 file changed, 47 insertions(+), 8 deletions(-)

diff --git a/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css b/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css
index 7ff55c18d..6037fa425 100644
--- a/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css
+++ b/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css
@@ -1436,15 +1436,13 @@ div.asset-search-widget dialog,
 div.item-search-widget dialog {
     background-color: #e6e4f2;
 
-    border: 1px solid #555;
-    border-radius: 0.75em;
+    border: 0px solid transparent;
+    border-radius: 14px;
 
     box-shadow: 5px 5px #aaa;
 
     display: none;
 
-    padding: 0;
-
     position: absolute;
     top: 5%;
     left: 2%;
@@ -1453,6 +1451,8 @@ div.item-search-widget dialog {
     height: 90%;
 
     z-index: 999;
+
+    overflow-y: auto;
 }
 
 div.asset-search-widget dialog[open="open"],
@@ -1465,6 +1465,11 @@ div.item-search-widget dialog .controls {
     padding: 0.5em;
 }
 
+div.asset-search-widget dialog .controls .apply-filter,
+div.item-search-widget dialog .controls .apply-filter{
+    margin-left: 0.5em;
+}
+
 div.asset-search-widget dialog .controls label,
 div.item-search-widget dialog .controls label {
 
@@ -1514,12 +1519,20 @@ div.item-search-widget dialog .selectable-assets table thead tr th {
 
 div.asset-search-widget dialog .titlebar,
 div.item-search-widget dialog .titlebar {
-
-    border-bottom: 1px solid #555;
-
     margin-top: 0;
 
     padding: 0.5em 1em;
+
+    background: #0776a0;
+
+    -webkit-border-top-left-radius: 10px;
+	-webkit-border-top-right-radius: 10px;
+	-moz-border-radius-topleft: 10px;
+	-moz-border-radius-topright: 10px;
+	border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    
+    color: white;
 }
 
 div.asset-search-widget dialog .titlebar .close-button,
@@ -1532,7 +1545,11 @@ div.item-search-widget dialog .titlebar .close-button {
     font-size: 18px;
 
     position: absolute;
-    right: 5px;
+    right: 13px;
+
+    color: white;
+
+    margin-top: -0.25em;
 }
 
 div.asset-search-widget dialog .titlebar .close-button:after,
@@ -1551,6 +1568,28 @@ div.item-search-widget dialog .titlebar .close-button span {
     overflow:hidden;
 }
 
+div.asset-search-widget dialog .titlebar .close-button:hover,
+div.item-search-widget dialog .titlebar .close-button:hover {
+    cursor: pointer;
+}
+
+div.asset-search-widget dialog .selectable-items table,
+div.item-search-widget dialog .selectable-items table{
+    width: 100%;
+    padding: 0.35em;
+    table-layout: fixed;
+}
+
+div.asset-search-widget dialog .selectable-items table tbody tr td,
+div.item-search-widget dialog .selectable-items table tbody tr td{
+    overflow: hidden;
+}
+
+div.asset-search-widget dialog .selectable-items table thead th,
+div.item-search-widget dialog .selectable-items table thead th{
+    text-align: center;
+}
+
 div.cmsImageInfoOverlay {
     float: left;
     margin-left: 2em;