TPAC: Mobile responsiveness - details

Make the item details page more usable on mobile devices.
Also improve the header display to ensure the login prompt fits beside
the logo.

We really need to move the item actions div after the title div so we
can float it underneath; for now it is hidden.

Signed-off-by: Dan Scott <dscott@laurentian.ca>

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index 3deae3b..a26332b 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1521,11 +1521,18 @@ a.preflib_change {
         padding: 0px;
         margin: 0px;
     }
+    #your-acct-login {
+        padding: 0px;
+    }
+    #your-acct-login a {
+        margin: 0px;
+        padding: 5px;
+    }
     #topnav_logo {
         padding: 0px;
     }
     #topnav_logo img {
-        width: 190px;
+        width: 200px;
     }
     #locale_picker_form {
         display: none;
@@ -1533,16 +1540,13 @@ a.preflib_change {
     #gold-links-holder {
         display: none;
     }
-    #search-wrapper, #search-box, #search-wrapper #search-box {
-        padding: 0px;
-    }
-    #search-box .search_catalog_lbl, #search-box #home_adv_search_link {
+    #search-wrapper {
         display: none;
     }
-    #search_box {
-        width: 10em;
-    }
     .almost-content-wrapper {
+        display: block;
+    }
+    .results_header_div, .results_header_lbl {
         display: none;
     }
     .results_header_nav1 span.h1 {
@@ -1560,10 +1564,56 @@ a.preflib_change {
     .invisible {
         display: none;
     }
+    .result_table_utils_cont {
+        display: none;
+    }
     .result_table_pic_header {
+        padding-left: 0px !important;
+        padding-right: 5px;
+        width: 0px !important;
+        margin: 0px;
+    }
+    .result_table_pic {
+        width: 55px;
+        padding: 0px;
+        margin: 0px;
+    }
+    tr[name=results_isbn_tr], tr[name=results_phys_desc_tr], tr[name=results_pub_tr] strong, .result_count {
         display: none;
     }
-    .result_table_utils_cont {
+    tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table th:nth-child(4),
+    tr.result_table_title_cell[name=bib_cn_list] .result_holdings_table td:nth-child(4) {
+        display:none;
+    }
+    .results_info_table td {
+        padding: 0px;
+    }
+    #results_header_bar {
+        background-color: inherit;
+    }
+    .results_header_btns a {
+        margin: 0px;
+    }
+    #main-content {
+        margin-left: 1px;
+    }
+    #rdetail_actions_div {
+        float: none !important;
         display: none;
     }
+    div#rdetail_title_div .format_icon {
+        float: none;
+        display: inline;
+        margin-right: 5px;
+    }
+    #rdetail_title {
+        float: none;
+        display: inline;
+    }
+    #rdetails_status thead {
+        display: none;
+    }
+    #rdetails_status tr, #rdetails_status td {
+        display: block;
+    }
 }