header style fixes
This commit is contained in:
parent
87ba60b6eb
commit
41185859f1
|
@ -17,6 +17,7 @@ const journeysTemplate = (data) => html`
|
|||
<a class="back icon-back" href="#/" title="${t('back')}">${t('back')}</a>
|
||||
<div class="header-content">
|
||||
<h3>${t('from')}: ${parseName(data.params.fromPoint)}</h3>
|
||||
<div>
|
||||
<h3>${t('to')}: ${parseName(data.params.toPoint)}</h3>
|
||||
<div class="mode-changers">
|
||||
<a @click=${changeMode('table')} class="${dataStorage.settings.journeysViewMode !== 'canvas' ? 'active' : ''}">
|
||||
|
@ -29,6 +30,7 @@ const journeysTemplate = (data) => html`
|
|||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="back invisible" href="#/"></a>
|
||||
</header>
|
||||
|
||||
|
|
|
@ -41,6 +41,12 @@ header {
|
|||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.header-content>div {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-grow: 1;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
|
@ -444,6 +450,12 @@ tbody tr:hover td {
|
|||
|
||||
|
||||
@media (max-width: 799px) {
|
||||
.back.invisible {
|
||||
display: none;
|
||||
}
|
||||
.header-content {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.search {
|
||||
padding: 10px;
|
||||
}
|
||||
|
@ -938,6 +950,6 @@ form>div.history {
|
|||
margin: 1em .4em;
|
||||
}
|
||||
|
||||
header h3:first-child {
|
||||
header h3 {
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue