#destination-settings .destination-settings-box {
-webkit-box-align: center;
display: -webkit-box;
- height: 28px;
+ min-height: 28px;
}
.destination-settings-box.stale {
.destination-settings-info-wrapper {
-webkit-box-flex: 1;
- height: 28px;
- position: relative;
}
.destination-settings-info {
- -webkit-box-orient: vertical;
- -webkit-box-pack: center;
- display: -webkit-box;
- height: 100%;
- position: absolute;
- white-space: nowrap;
+ display: table;
+ table-layout: fixed;
width: 100%;
}
}
.throbber-container .throbber {
- -webkit-margin-end: 8px;
+ -webkit-margin-end: 8px;
}
.destination-throbber-name-container {
-webkit-box-orient: vertical;
-webkit-box-pack: center;
display: -webkit-box;
- height: 28px;
+ min-height: 28px;
}
-.destination-settings-name,
.destination-throbber-name {
font-size: 110%;
overflow: hidden;
text-overflow: ellipsis;
}
-.destination-settings-location {
- opacity: 0.4;
- overflow: hidden;
- text-overflow: ellipsis;
+.destination-settings-info > div {
+ display: table-row;
}
-.destination-settings-offline-status {
+.destination-settings-info > div > div {
+ display: table-cell;
overflow: hidden;
text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.destination-settings-name {
+ font-size: 110%;
+}
+
+.destination-settings-location {
+ opacity: 0.4;
}