#11 - font icons in paginate + buttons grouping

inc/classes/BxDolPaginate.php

@@ -284,8 +284,8 @@ abstract class BxDolPaginate extends BxDol {
                     'lnk_content' => $this->_sViewAllCaption,
                 ),
             ),
-            'btn_prev' => '<a href="' . $sPrevLnkUrl . '" ' . $sPrevLnkClick . ' class="bx-paginate-btn-prev bx-btn bx-btn-symbol' . $sClassAdd . $sPrevClassAdd . '">' . _t('_sys_paginate_prev') . '</a>',
-            'btn_next' => '<a href="' . $sNextLnkUrl . '" ' . $sNextLnkClick . ' class="bx-paginate-btn-next bx-btn bx-btn-symbol' . $sClassAdd . $sNextClassAdd . '">' . _t('_sys_paginate_next') . '</a>',
+            'btn_prev' => '<a href="' . $sPrevLnkUrl . '" ' . $sPrevLnkClick . ' class="bx-paginate-btn-prev bx-btn' . $sClassAdd . $sPrevClassAdd . '"><i class="sys-icon sys-icon-bigger angle-double-left"></i></a>',
+            'btn_next' => '<a href="' . $sNextLnkUrl . '" ' . $sNextLnkClick . ' class="bx-paginate-btn-next bx-btn' . $sClassAdd . $sNextClassAdd . '"><i class="sys-icon sys-icon-bigger angle-double-right"></i></a>',
             'paginate_class' => $this->_sPaginateClass,
         );
 

modules/boonex/english/data/langs/system.xml

@@ -3306,8 +3306,6 @@ More info about URI DNSBL: <br />
     <string name="_sys_x_days"><![CDATA[{0} days]]></string>
 	<string name="_sys_paginate_info"><![CDATA[{0}-{1}]]></string>
 	<string name="_sys_paginate_view_all"><![CDATA[View All]]></string>
-	<string name="_sys_paginate_next"><![CDATA[&#187;]]></string>
-	<string name="_sys_paginate_prev"><![CDATA[&#171;]]></string>
 
 	<string name="_sys_menu_title_rss"><![CDATA[RSS]]></string>
 	<string name="_sys_menu_title_main"><![CDATA[Site Navigation]]></string>

template/css/common.css

@@ -364,6 +364,39 @@ input.bx-btn {
     line-height:16px; 
 }
 
+.bx-btn-group .bx-btn {
+    margin-left:0px;
+    margin-right:0px;
+}
+
+.bx-btn-group .bx-btn + .bx-btn {
+    border-left:none;
+}
+
+.bx-btn-group .bx-btn + .bx-btn:not(:last-child) {
+	border-radius:0px;
+	-moz-border-radius:0px;
+	-webkit-border-radius:0px;
+}
+
+.bx-btn-group .bx-btn:first-child {
+    -webkit-border-top-right-radius: 0px;
+    -webkit-border-bottom-right-radius: 0px;
+    -moz-border-radius-topright: 0px;
+    -moz-border-radius-bottomright: 0px;
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+}
+
+.bx-btn-group .bx-btn:last-child {
+    -webkit-border-top-left-radius: 0px;
+    -webkit-border-bottom-left-radius: 0px;
+    -moz-border-radius-topleft: 0px;
+    -moz-border-radius-bottomleft: 0px;
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+}
+
 /* --------------- button at the end of cut string */
 
 .bx-str-limit {

template/paginate.html

@@ -1,6 +1,6 @@
 <div class="bx-paginate __paginate_class__">
 
-    <div class="bx-paginate-btns bx-def-margin-sec-left">
+    <div class="bx-paginate-btns bx-def-margin-sec-left bx-btn-group">
         __btn_prev__
         __btn_next__
     </div>