Ticket #268: More style improvements.

This commit is contained in:
Michael Jumper
2013-02-13 02:06:25 -08:00
parent 739f500918
commit 5c8344d216
2 changed files with 21 additions and 16 deletions

View File

@@ -40,7 +40,7 @@
<div class="settings section"> <div class="settings section">
<h3 class="require-manage-users">Users</h3> <h3 class="require-manage-users">Users</h3>
<div class="settings section require-manage-users" id="users"> <div class="require-manage-users" id="users">
<p> <p>
Click or tap on a user below to manage that user. Depending Click or tap on a user below to manage that user. Depending
@@ -58,7 +58,7 @@
</div> </div>
<h3 class="require-manage-connections">Connections</h3> <h3 class="require-manage-connections">Connections</h3>
<div class="settings section require-manage-connections" id="connections"> <div class="require-manage-connections" id="connections">
<p> <p>
Click or tap on a connection below to manage that connection. Click or tap on a connection below to manage that connection.

View File

@@ -159,12 +159,6 @@ div.section {
padding: 0.1em; padding: 0.1em;
cursor: pointer; cursor: pointer;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-khtml-border-radius: 0.2em;
border-radius: 0.2em;
border: 1px solid rgba(0, 0, 0, 0);
position: relative; position: relative;
} }
@@ -180,6 +174,7 @@ div.section {
background-position: center center; background-position: center center;
opacity: 0.5; opacity: 0.5;
display: inline-block; display: inline-block;
vertical-align: middle;
} }
.list-item * { .list-item * {
@@ -199,7 +194,6 @@ div.section {
.list-item.selected { .list-item.selected {
background: #DEB; background: #DEB;
border: 1px solid rgba(0, 0, 0, 0.25);
} }
.list-item.selected .icon { .list-item.selected .icon {
@@ -327,7 +321,18 @@ div.section {
#connections input.name, #connections input.name,
#users input.name { #users input.name {
max-width: 20em; max-width: 80%;
width: 20em;
}
#connection-list,
#user-list {
border: 1px solid rgba(0, 0, 0, 0.25);
min-height: 20em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-khtml-border-radius: 0.2em;
border-radius: 0.2em;
} }
#connections #add-connection, #connections #add-connection,
@@ -335,20 +340,20 @@ div.section {
font-size: 0.8em; font-size: 0.8em;
} }
body:not(.manage-connections) .require-manage-connections { #connection-add-form,
display: none; #user-add-form {
margin: 0.5em;
} }
body:not(.manage-connections) .require-manage-connections,
body:not(.manage-users) .require-manage-users { body:not(.manage-users) .require-manage-users {
display: none; display: none;
} }
body:not(.add-connections) #connection-add-form { body:not(.add-connections) #connection-add-form,
display: none;
}
body:not(.add-users) #user-add-form { body:not(.add-users) #user-add-form {
display: none; display: none;
display: none;
} }
div#logout-panel { div#logout-panel {