Tweak UI for small screens

This commit is contained in:
Paulus Schoutsen 2015-12-05 01:10:04 -08:00
parent 20e7b9a87d
commit 2e8ad266ee
3 changed files with 21 additions and 10 deletions

View File

@ -15,15 +15,18 @@
} }
.main-text { .main-text {
white-space: nowrap; white-space: nowrap;
overflow-x: hidden; overflow-x: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
text-transform: capitalize; text-transform: capitalize;
font-weight: 400; font-weight: 400;
} }
.secondary-text { .secondary-text {
color: var(--secondary-text-color); white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
color: var(--secondary-text-color);
} }
</style> </style>
<template> <template>

View File

@ -10,8 +10,9 @@
} }
.state { .state {
margin-left: 16px;
text-align: right; text-align: right;
white-space: nowrap;
width: 127px;
} }
</style> </style>

View File

@ -11,15 +11,22 @@
.state { .state {
margin-left: 16px; margin-left: 16px;
text-align: right; text-align: right;
overflow-x: hidden;
} }
.target { .target {
text-transform: capitalize; text-transform: capitalize;
font-weight: 400; font-weight: 400;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
} }
.current { .current {
color: var(--secondary-text-color); color: var(--secondary-text-color);
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
} }
</style> </style>
<template> <template>