Tighter table display on small screens
This commit is contained in:
parent
9180a13f1d
commit
453dba408f
|
@ -20,8 +20,11 @@
|
||||||
form#orga_search
|
form#orga_search
|
||||||
font-size: smaller !important
|
font-size: smaller !important
|
||||||
|
|
||||||
thead th
|
table.list.dates
|
||||||
font-size: smaller
|
th, td
|
||||||
|
&, a
|
||||||
|
padding: 0 !important
|
||||||
|
font-size: inherit
|
||||||
|
|
||||||
/* For small screen width */
|
/* For small screen width */
|
||||||
@media all and (max-width: 34em)
|
@media all and (max-width: 34em)
|
||||||
|
|
|
@ -16,10 +16,11 @@ form#orga_search
|
||||||
width: 14em
|
width: 14em
|
||||||
border: solid thin #258
|
border: solid thin #258
|
||||||
padding: 0
|
padding: 0
|
||||||
margin-left: -1.5em
|
margin-left: -1.7em
|
||||||
margin-right: -1.3em
|
margin-right: -1.3em
|
||||||
padding-left: 1.5em
|
padding-left: 1.5em
|
||||||
padding-right: 1.2em
|
padding-right: 1.2em
|
||||||
|
border-radius: 0.4em
|
||||||
button.search
|
button.search
|
||||||
color: #258
|
color: #258
|
||||||
border: none
|
border: none
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
html.js header
|
header
|
||||||
nav
|
nav
|
||||||
margin-top: -3em
|
margin-top: -3em
|
||||||
&:hover nav
|
&:hover nav
|
||||||
|
|
|
@ -21,8 +21,8 @@
|
||||||
controller.controller_name, controller.action_name]
|
controller.controller_name, controller.action_name]
|
||||||
%body{ class: classes }
|
%body{ class: classes }
|
||||||
%header.top
|
%header.top
|
||||||
= image_tag 'baby_gnu_adl.png', alt: '', class: :logo
|
|
||||||
= render '/regions/filter'
|
= render '/regions/filter'
|
||||||
|
= image_tag 'baby_gnu_adl.png', alt: '', class: :logo
|
||||||
= render '/orgas/search'
|
= render '/orgas/search'
|
||||||
|
|
||||||
%h1= link_to t('.title'), root_path
|
%h1= link_to t('.title'), root_path
|
||||||
|
|
Loading…
Reference in New Issue