* {
margin: 0;
padding: 0;
- -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
html, body {
min-height: 50px;
}
+#root-actor-debug {
+ background: #000000;
+}
+
/***************** APP BUTTONS *****************/
}
.permission-table-header > div:first-child {
- text-align: left;
+ text-align: start;
padding-left: 10px;
flex-basis: 30%;
}
}
.permission > div:first-child {
- text-align: left;
+ text-align: start;
padding: 3px 10px;
flex-basis: 30%;
font-weight: bold;
display: flex;
padding: 15px 10px;
display: block;
- text-align: left;
+ text-align: start;
flex-grow: 1;
}
-/***************** APPS *****************/
+/***************** APPS & BROWSER TABS *****************/
+.browser-tabs.hidden {
+ display: none;
+}
-.apps {
+.apps, .browser-tabs {
display: flex;
flex-direction: column;
overflow: auto;
}
-.app {
+.app, .browser-tab {
display: flex;
align-items: center;
order: 1;
}
-.app-name {
+.app-name, .browser-tab-details {
flex-grow: 1;
font-weight: bold;
}
-.app {
+.app, .browser-tab {
padding: 10px 20px;
border-bottom: 1px solid #9C9CFF;
}
-.app:hover {
- background-color: #404000
+.app:hover, .browser-tab:hover {
+ background-color: #404000;
}
.app-icon {
margin-right: 10px;
}
+.browser-tab-url-subheading {
+ font-size: 10px;
+}
+
/***************** NOT CONNECTED *****************/