slight redesign on pending comments screen

git-svn-id: http://piwigo.org/svn/trunk@13079 68402e56-0260-453c-a942-63ccdbb3a9ee

admin/comments.php

@@ -91,6 +91,17 @@ $template->assign(
     )
   );
 
+// +-----------------------------------------------------------------------+
+// | Tabs                                                                  |
+// +-----------------------------------------------------------------------+
+
+include_once(PHPWG_ROOT_PATH.'admin/include/tabsheet.class.php');
+
+$tabsheet = new tabsheet();
+$tabsheet->add('', l10n('User comments validation'), '');
+$tabsheet->select('');
+$tabsheet->assign();
+
 // +-----------------------------------------------------------------------+
 // |                           comments display                            |
 // +-----------------------------------------------------------------------+

admin/themes/default/template/comments.tpl

@@ -44,15 +44,13 @@ jQuery(document).ready(function(){
 {/literal}{/footer_script}
 
 <div class="titrePage">
-  <h2>{'Waiting'|@translate} {$TABSHEET_TITLE}</h2>
+  <h2>{'Pending Comments'|@translate} {$TABSHEET_TITLE}</h2>
 </div>
 
-<h3>{'User comments validation'|@translate}</h3>
-
 {if !empty($comments) }
-<form method="post" action="{$F_ACTION}">
+<form method="post" action="{$F_ACTION}" id="pendingComments">
   
-<table width="99%">
+<table>
   {foreach from=$comments item=comment name=comment}
   <tr valign="top" class="{if $smarty.foreach.comment.index is odd}row2{else}row1{/if}">
     <td style="width:50px;" class="checkComment">

admin/themes/default/theme.css

@@ -1057,4 +1057,17 @@ p#uploadModeInfos {text-align:left;margin-top:1em;font-size:90%;color:#999;}
   vertical-align:top;
   border-left:2px solid #ddd;
   padding-left:10px;
+}
+
+/* Pending Comments */
+#pendingComments {
+  padding:0 5px 0 10px;
+}
+
+#pendingComments table {
+  width:100%;
+}
+
+#pendingComments .bottomButtons {
+  text-align:left;
 }