Bug 22751: Switch two-column templates to Bootstrap grid: Patron details

This patch updates the patron details page template to use the Bootstrap
grid.

To test, apply the patch and view the detail page for a patron in the
staff client. Adjust the browser width and confirm that the page adapts
to different sizes.

Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>

Signed-off-by: Nick Clemens <nick@bywatersolutions.com>

koha-tmpl/intranet-tmpl/prog/en/modules/members/moremember.tt

@@ -33,10 +33,11 @@
         › [% UNLESS blocking_error %]Patron details for [% INCLUDE 'patron-title.inc' %][% END %]
     </div>
 
-    <div id="doc3" class="yui-t2">
-        <div id="bd">
-            <div id="yui-main">
-                <div class="yui-b">
+    <div class="main container-fluid">
+        <div class="row">
+            <div class="col-sm-10 col-sm-push-2">
+                <main>
+
 
                     [% INCLUDE 'members-toolbar.inc' %]
 
@@ -61,7 +62,7 @@
                         </div>
                     [% END %]
 
-                    <div class="yui-g">
+                    <div class="row">
 
                         [% IF ( was_renewed ) %]
                             <div class="dialog message">
@@ -159,7 +160,7 @@
                             [% END %]
                             [% patron.surname | html %] ([% patron.cardnumber | html %])
                         </h3>
-                        <div class="yui-u first">
+                        <div class="col-sm-6">
 
                             <div id="patron-information" class="patroninfo-section">
 
@@ -406,9 +407,9 @@
                                 </div> [% # /div#patron-messaging-prefs %]
                             [% END %]
 
-                        </div> [% # /div.yui-u.first %]
+                        </div> <!-- /.col-sm-6 -->
 
-                        <div class="yui-u">
+                        <div class="col-sm-6">
                             <div id="patron-library-details" class="patroninfo-section">
                                 <div class="patroninfo-heading">
                                     <h3>Library use</h3>
@@ -662,8 +663,8 @@
                                     </div>
                                 [% END %]
                             </div> [% # /div#patron-alternative-contact %]
-                        </div> [% # /div.yui-u %]
-                    </div> [% # /div.yui-g %]
+                        </div> <!-- /div.col-sm-6 -->
+                    </div> <!-- /div.row -->
 
                     <div id="finesholdsissues" class="toptabs">
                         <ul>
@@ -809,14 +810,16 @@
                             [% INCLUDE 'patron-article-requests.inc' %]
                         [% END %]
 
-                    </div> [% # /div#finesholdsissues %]
-                </div> [% # /div.yui-b %]
-            </div> [% # /div#yui-main %]
+                    </div> <!-- /div#finesholdsissues -->
+                </main>
+            </div> <!-- /.col-sm-10.col-sm-push-2 -->
 
-            <div class="yui-b">
-                [% INCLUDE 'circ-menu.inc' %]
-            </div>
-        </div> [% # /div#bd %]
+            <div class="col-sm-2 col-sm-pull-10">
+                <aside>
+                    [% INCLUDE 'circ-menu.inc' %]
+                </aside>
+            </div> <!-- /.col-sm-2.col-sm-pull-10 -->
+        </div> <!-- /.row -->
 
 [% MACRO jsinclude BLOCK %]
     [% INCLUDE 'datatables.inc' %]