Tighter table display on small screens

This commit is contained in:
echarp 2018-04-08 23:04:52 +02:00
parent 9180a13f1d
commit 453dba408f
4 changed files with 9 additions and 5 deletions

View File

@ -20,8 +20,11 @@
form#orga_search
font-size: smaller !important
thead th
font-size: smaller
table.list.dates
th, td
&, a
padding: 0 !important
font-size: inherit
/* For small screen width */
@media all and (max-width: 34em)

View File

@ -16,10 +16,11 @@ form#orga_search
width: 14em
border: solid thin #258
padding: 0
margin-left: -1.5em
margin-left: -1.7em
margin-right: -1.3em
padding-left: 1.5em
padding-right: 1.2em
border-radius: 0.4em
button.search
color: #258
border: none

View File

@ -1,4 +1,4 @@
html.js header
header
nav
margin-top: -3em
&:hover nav

View File

@ -21,8 +21,8 @@
controller.controller_name, controller.action_name]
%body{ class: classes }
%header.top
= image_tag 'baby_gnu_adl.png', alt: '', class: :logo
= render '/regions/filter'
= image_tag 'baby_gnu_adl.png', alt: '', class: :logo
= render '/orgas/search'
%h1= link_to t('.title'), root_path