From 110afe7b694f5f301bbac7d532be6e3918cf622d Mon Sep 17 00:00:00 2001
From: sLorenzini <sarah.lorenzini@prestashop.com>
Date: Wed, 20 Feb 2013 10:00:18 +0100
Subject: [PATCH] [-] BO: improve payment module page + header

---
 admin-dev/themes/default/css/admin.css        | 23 +++++++++++++------
 .../controllers/modules/tab_module_line.tpl   | 10 ++++----
 .../template/helpers/modules_list/list.tpl    |  4 ++--
 3 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/admin-dev/themes/default/css/admin.css b/admin-dev/themes/default/css/admin.css
index ea6d4c7a7..9af0264c5 100644
--- a/admin-dev/themes/default/css/admin.css
+++ b/admin-dev/themes/default/css/admin.css
@@ -47,7 +47,7 @@ input.button[disabled=disabled]:hover{background-color:#FFF6D3}
 #header #header_infos{ position:relative; margin: 0; padding:0; height:60px; }
 #header #header_shopname {float: left; margin:10px 15px 0 10px;}
 #header #employee_box {float: right; display:block;}
-#header #employee_infos {display:block; margin:10px 15px 0 10px;}
+#header #employee_infos {display:block; margin:5px 15px 0 10px;}
 #header #employee_infos a{color:#BABABA; text-transform:capitalize;margin-right: 5px}
 #header #employee_infos a:hover {color:#fff;}
 #header #employee_infos .employee_name { float:left; color:#fff;padding: 0 20px 0 0;}
@@ -518,20 +518,30 @@ form#product_form h4 { font-size:18px; font-weight:normal;}
 #moduleContainer ul.listing-grid-module li select { position:absolute; top:0; right:0px; }
 
 /*TAB MODULES LIST*/
+
+#modules_list_container_tab #modules_list_container_content{
+	list-style-type:none; 
+	padding:0; 
+	margin:0;
+	white-space: nowrap;
+	overflow: auto;
+}
+#modules_list_container_tab #modules_list_container_content li{display:inline-block;}
 #modules_list_container_tab table tr th { height:40px;}
 #modules_list_container_tab table tr td { font-size:12px; padding: 3px 3px 3px; border-top:1px solid #ccc; border-bottom:none;}
 #modules_list_container_tab table tr td tr td {border: none}
 #modules_list_container_tab table tr:first-child {border-top:1px solid #ccc}
+#modules_list_container_tab table td.tab_modules_actions_row {border-top:1px solid #ccc}
 #modules_list_container_tab .imgm {width:32px;}
-#modules_list_container_tab .moduleDesc { font-size:12px;}
-#modules_list_container_tab .moduleDesc h3 { color:#3A6EA7;margin: 0;font-size: 1.1em;text-align: left}
+#modules_list_container_tab .moduleDesc { font-size:12px;width: 240px;}
+#modules_list_container_tab .moduleDesc h3 { color:#3A6EA7;margin: 0;font-size: 1.1em;text-align: left;white-space: normal;}
 #modules_list_container_tab .moduleDesc .metadata  { float:left; display:block; margin:5px 0;}
 #modules_list_container_tab .moduleDesc .metadata dl { float:left; margin:0; padding-right:10px;}
 #modules_list_container_tab .moduleDesc .metadata dl dt, .moduleDesc .metadata dl dd { float:left; margin:0; padding:0;}
 #modules_list_container_tab .moduleDesc .metadata dl dd { padding-right:10px;}
 #modules_list_container_tab .moduleDesc .metadata dl dt { font-weight:bold; padding-right:5px;}
-#modules_list_container_tab .moduleDesc p.desc { color:#666; font-family: Georgia; font-style: italic;  font-size:12px; display:block; clear:both;text-align: left}
-#modules_list_container_tab .setup  {background-color:#6db300; font-weight:bold; font-size:10px; color:#fff; text-transform:uppercase; position:relative; padding:2px 3px; display: inline-block; border-radius:3px;}
+#modules_list_container_tab .moduleDesc p.desc { color:#666; font-family: Georgia; font-style: italic;  font-size:12px; text-align: left;white-space: normal;}
+#modules_list_container_tab .setup  {background-color:#6db300; font-weight:bold; font-size:10px; color:#fff; text-transform:uppercase; position:relative; padding:2px 10px; display: inline-block; border-radius:3px;}
 #modules_list_container_tab .row-actions-module {float: right;}
 #modules_list_container_tab .setup.non-install { background-color:#ec7000;}
 #modules_list_container_tab .setup.must-have { background-color: #ec7000;}
@@ -545,7 +555,7 @@ form#product_form h4 { font-size:18px; font-weight:normal;}
 #modules_list_container_tab ul.listing-grid-module li select { position:absolute; top:0; right:0px; }
 
 .default_modules_list_display_type #modules_list_container_content li table tr td{border: none}
-.default_modules_list_display_type #modules_list_container_content li table {border: solid 1px #ccc; height: 115px}
+.default_modules_list_display_type #modules_list_container_content li table {border: solid 1px #ccc; height: 140px;}
 #modules_list_container_tab ul li {margin:5px;height:140px}
 
 /*MODULE POSITION*/
@@ -636,4 +646,3 @@ ul.listForm li {padding-bottom:3px;}
 	background: linear-gradient(top, #ddd, #aaa);
 	color: #666
 }
-
diff --git a/admin-dev/themes/default/template/controllers/modules/tab_module_line.tpl b/admin-dev/themes/default/template/controllers/modules/tab_module_line.tpl
index 3a0f76fff..756547ffc 100644
--- a/admin-dev/themes/default/template/controllers/modules/tab_module_line.tpl
+++ b/admin-dev/themes/default/template/controllers/modules/tab_module_line.tpl
@@ -26,12 +26,12 @@
 
 <tr class="{$class_row}">
 <td>
-	<table border="0" cellpadding="0" cellspacing="0">
+	<table border="0" cellpadding="0" cellspacing="5">
 		<tr>
-			<td height="60" valign="top" width="75">
+			<td height="60" valign="top" width="75" align="center">
 				<img class="imgm" alt="" src="{if isset($module->image)}{$module->image}{else}../modules/{$module->name}/{$module->logo}{/if}">
 			</td>
-			<td height="60" width="220" valign="top">
+			<td height="60" width="100" valign="top">
 				<div class="moduleDesc" id="anchor{$module->name|ucfirst}">
 					<h3>{$module->displayName|truncate:40:'…'} {$module->version}
 						
@@ -47,7 +47,7 @@
 			</td>
 		</tr>
 		<tr>
-			<td border="0" height="20" width="75" style="text-align:center" valign="bottom">
+			<td border="0" height="20" width="75" align="left" valign="bottom">
 				{if isset($module->id) && $module->id gt 0 }
 					{if $module->active}
 						<span class="setup">{l s='Enabled'}</span>
@@ -63,7 +63,7 @@
 					
 				{/if}
 			</td>
-			<td  class="tab_modules_actions_row" height="20" border="0" width="220" valign="bottom">
+			<td  class="tab_modules_actions_row" height="20" border="0" width="100" valign="bottom">
 				<div style="float:right">
 					{if isset($module->type) && $module->type == 'addonsMustHave'}
 						<a href="{$module->addons_buy_url}" target="_blank" class="button updated">
diff --git a/admin-dev/themes/default/template/helpers/modules_list/list.tpl b/admin-dev/themes/default/template/helpers/modules_list/list.tpl
index 2bab32eb1..be4a815ac 100644
--- a/admin-dev/themes/default/template/helpers/modules_list/list.tpl
+++ b/admin-dev/themes/default/template/helpers/modules_list/list.tpl
@@ -25,10 +25,10 @@
 
 <h2 style="margin-top:0">{l s='Modules list'}</h2>
 <div id="modules_list_container_tab" class="default_modules_list_display_type">
-	<ul id="modules_list_container_content" style="list-style-type:none; padding:0; margin:0;">
+	<ul id="modules_list_container_content">
 		{if count($modules_list)}
 			{foreach from=$modules_list item=module}
-				<li style="display:block;float:left;">
+				<li>
 					{include file='controllers/modules/tab_module_line.tpl' class_row={cycle values=",row alt"}}
 				</li> 
 			{/foreach}