}
img {
+ flex-shrink: 0;
height: 16px;
padding-left: 2px;
padding-right: 5px;
padding-left: 20px;
}
+#serviceworker-internals {
+ visibility: hidden;
+}
+
.tab-header {
-webkit-border-start: 6px solid transparent;
padding-left: 15px;
padding-bottom: 10px;
}
+#devices-help {
+ margin-top: 10px;
+}
+
.device-header {
-webkit-box-align: baseline;
-webkit-box-orient: horizontal;
}
.browser-header {
- -webkit-box-align: center;
- -webkit-box-orient: horizontal;
- display: -webkit-box;
+ align-items: center;
+ display: flex;
+ flex-flow: row wrap;
+ min-height: 23px;
padding-top: 10px;
}
font-weight: bold;
}
+.used-for-port-forwarding {
+ background-image: -webkit-image-set(url('chrome://theme/IDR_INFO') 1x,
+ url('chrome://theme/IDR_INFO@2x') 2x);
+ height: 15px;
+ margin-left: 20px;
+ width: 15px;
+}
+
.row {
padding: 6px 0;
position: relative;
}
+.properties-box {
+ display: flex;
+}
+
.subrow-box {
display: inline-block;
vertical-align: top;
}
.subrow {
- -webkit-box-orient: horizontal;
- display: -webkit-box;
+ display: flex;
+ flex-flow: row wrap;
}
.subrow > div {
margin-top: 5px;
}
-a {
+.action {
color: rgb(17, 85, 204);
+ cursor: pointer;
margin-right: 15px;
}
-a:not(:hover) {
- text-decoration: none;
+.action:hover {
+ text-decoration: underline;
+}
+
+.browser-header .action {
+ margin-left: 10px;
}
.list:not(.pages) .subrow {
- height: 19px;
+ min-height: 19px;
}
-a.disabled {
+.action.disabled {
opacity: 0.5;
pointer-events: none;
}
}
#device-settings {
+ align-items: center;
border-bottom: 1px solid #eee;
+ display: flex;
padding: 5px 0;
}
-#device-settings input {
- vertical-align: middle;
-}
-
#device-settings button {
margin-left: 15px;
}
top: 0;
}
+.warning {
+ background-image: -webkit-image-set(url('chrome://theme/IDR_WARNING') 1x,
+ url('chrome://theme/IDR_WARNING@2x') 2x);
+ background-position: 0 center;
+ background-repeat: no-repeat;
+ background-size: 24px 21px;
+ margin-top: 5px;
+ padding-left: 25px;
+}
+
#port-forwarding-overlay:not(.open) {
display: none;
}
opacity: 0.5;
}
-#port-forwarding-enable {
- vertical-align: middle;
+#port-forwarding-message {
+ margin-bottom: 12px;
+ width: 20em;
}
-#port-forwarding-config-buttons > button {
- float: right;
+#port-forwarding-config-buttons {
+ align-items: center;
+ display: flex;
}
#port-forwarding-config-buttons > label {
- position: relative;
- top: 5px;
+ flex-grow: 1
}