ODPSH-466

ckanext/odsh/public/odsh.css

 /* FONTS */
 
+@media (max-width: 767px){
+.span9 {
+    width: 100%;
+}
+}
+
 @font-face{
     font-family:"MuseoSans";
     src:url("/base/fonts/Fonts/905300/fd479df2-01b0-4e3a-a411-915c477f1352.eot?#iefix");
@@ -180,8 +186,8 @@ input[type=radio], input[type=checkbox] {
     background-color: #f2f2f2;
 }
 
-.secondary.span3 {
-    width: 193px;
+.is-table-row .secondary.span3 {
+    width: 191px;
     max-width: 1970px;
     padding: 20px 16px 0px;
 }
@@ -198,8 +204,9 @@ input[type=radio], input[type=checkbox] {
     padding-left: 0px;
 }
 
-.primary.span9 {
-    width: 725px;
+.is-table-row .primary.span9 {
+    width: 717px;
+    float: right;
 }
 
 .primary.logout {
@@ -208,7 +215,7 @@ input[type=radio], input[type=checkbox] {
 }
 
 @media (max-width: 767px){
-.primary{
+.is-table-row .primary.span9 {
     padding-left: 0px;
     width: 100%;
     margin-left: 0;
@@ -216,6 +223,9 @@ input[type=radio], input[type=checkbox] {
 .primary.span9{
     width: 100%;
 }
+.primary{
+    padding: 0px;
+}
 }
 
 .wrapper {
@@ -320,6 +330,28 @@ input[type=checkbox]:checked + label.mylabel {
     margin-bottom: 0px;
 }
 
+
+@media (max-width: 768px)
+{
+input[type=checkbox] + label.mylabel,
+input[type=checkbox]:checked + label.mylabel {
+    height: 20px;
+    width: 20px;
+    background-size: 20px 20px;
+    vertical-align: text-bottom;
+}
+.facet_label {
+    font-size: 18px;
+    vertical-align: text-bottom;
+}
+.nav-simple>li{
+    width: 100%;
+}
+.js [role=main] .secondary .filters {
+    background-color: white;
+}
+}
+
 .checklabel input[type="checkbox"]
 {
     float: inherit;
@@ -1153,6 +1185,15 @@ element.style {
     float:left;
 }
 
+@media (max-width: 767px)
+{
+.is-table-row .resource-details-left {
+    /* padding-right: 0px; */
+    width: 100%;
+    /* float:none; */
+}
+}
+
 .resource-icons {
     font-size: 24px;
     margin-left: 5px;
@@ -2129,7 +2170,6 @@ p.package-info-categorie
 @media (max-width: 767px)
 {
 [role=main] .secondary.span3 {
-    float: none;
     display: block;
     width: 100%;
     margin-left: 0;
@@ -2137,6 +2177,20 @@ p.package-info-categorie
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
+    order: 2;
+}
+#testsystem 
+{
+    display: none;
+}
+.simple-input .field .btn-search
+{
+    display: none;
+}
+#field-sitewide-search {
+    padding: 0px;
+    width: 100%;
+    margin: 0px;
 }
 }
 
@@ -2147,4 +2201,62 @@ p.package-info-categorie
     padding-left: 0px;
     padding-right: 0px;
 }
+#content
+{
+    margin-left: 0px;
+    padding-right: 0px;
+}
+.dataset-heading {
+    max-width: unset;
+    width: 100%;
+    margin: 0px;
+}
+/* .dataset-heading a {
+    max-width: unset;
+    width: 100%;
+    margin: 0px;
+} */
+.js body.filters-modal .secondary .filters .hide-filters i {
+    font-size: 32px;
+}
+.container-fluid.odsh-dataset-item {
+    width: 100%;
+    padding: 20px 15px 20px 15px;
+    box-sizing: border-box;
+}
+.row.wrapper.is-table-row
+{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+.dataset-info.issued
+{
+    position: relative;
+}
+ul.dataset-resources
+{
+    margin: 5px 0px 5px 0px;
+}
+.stages li .highlight {
+     text-indent: unset; 
+}
+.tag-container
+{
+    width: 100%;
+}
+}
+.module-content.page-header
+{
+    background-color: unset;
+}
+
+@media (max-width: 768px)
+{
+.wrapper {
+    margin: 0;
+}
+.dataset-edit-form .span6 {
+    width: 100%;
+}
 }
\ No newline at end of file

ckanext/odsh/public/odsh_header.css

@@ -251,12 +251,34 @@
     float: right;
 }
 
+@media (max-width: 767px)
+{
+.navbar.masthead .navigation .nav-pills li.dropdown
+{
+    float: none;
+}
+.nav-pills li a:hover, .nav-pills li:hover {
+    background-color: rgb(242, 242, 242)!important;
+}
+.dropdown-backdrop
+{
+    display: none;
+}
+.navigation-row {
+    width: 100%;
+    padding-left: 0px;
+    margin-left: auto;
+    margin-right: auto;
+}
+}
+
 .navbar.masthead .navigation .nav-pills li.dropdown > .dropdown-toggle
 {
     padding-bottom: 12px;
     padding-top: 12px;
 }
 
+
 .user-icon
 {
     fill:#003064;
@@ -286,3 +308,19 @@
 {
     fill:white;
 }
+
+@media (max-width: 767px)
+{
+.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
+     margin-left: 0px; 
+     margin-right: 0px; 
+}
+
+.navbar.masthead .nav>li:hover a,
+.navbar.masthead .navigation .nav-pills li.open .user-icon, .navbar.masthead .navigation .nav-pills li a:hover .user-icon,
+.navbar.masthead .navigation .nav-pills li.dropdown.open > a.dropdown-toggle:hover, .navbar .nav li.dropdown.open > .dropdown-toggle 
+{
+    color: #003064;
+    fill: #003064;
+}
+}
\ No newline at end of file

ckanext/odsh/templates/package/search.html

@@ -47,7 +47,6 @@ default_extent="{ \"type\": \"Polygon\", \"coordinates\": [[[7.6574,53.1632],[11
     {% for facet in c.facet_titles %}
     {{ h.snippet('snippets/facet_list.html', title=c.facet_titles[facet], name=facet) }}
     {% endfor %}
-  </div>
 
   {% block datereange_search %}
   {% set has_range_filter = request.params.get('ext_startdate') or request.params.get('ext_enddate') %}
@@ -86,6 +85,7 @@ default_extent="{ \"type\": \"Polygon\", \"coordinates\": [[[7.6574,53.1632],[11
       </div>
     </nav>
   </section>
+  </div>
  <a class="close no-text hide-filters"><i class="fa fa-times-circle"></i><span class="text">close</span></a>
   {% endblock %}