welcome.xhtml: improve layout by floating the icons to the left.

This uses less vertical space.
This commit is contained in:
Brian Warner 2015-01-20 17:24:27 -08:00
parent e499d84755
commit 3ad18648dd
2 changed files with 5 additions and 23 deletions

View File

@ -46,7 +46,7 @@ body {
margin-bottom: 20px;
}
.grid-status .status-indicator {
.grid-status {
margin-top: 5px;
}
@ -75,23 +75,5 @@ body {
.status-indicator {
float: left;
width: 16px;
height: 16px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin-right: 4px;
margin-top: 2px;
}
.connected-yes {
background: #468847;
}
.connected-no {
background: #B94A48;
}
.connected-not-configured {
background: #444444;
margin: 5px;
}

View File

@ -137,14 +137,14 @@
<div class="span6">
<div>
<h3>
<img><n:attr name="src">img/connected-<n:invisible n:render="string" n:data="connected_to_introducer" />.png</n:attr><n:attr name="alt"><n:invisible n:render="string" n:data="connected_to_introducer_alt" /></n:attr></img>
<div class="status-indicator"><img><n:attr name="src">img/connected-<n:invisible n:render="string" n:data="connected_to_introducer" />.png</n:attr><n:attr name="alt"><n:invisible n:render="string" n:data="connected_to_introducer_alt" /></n:attr></img></div>
<div n:render="string" n:data="introducer_description" />
</h3>
<div class="furl" n:render="string" n:data="introducer_furl_prefix" />
</div>
<div>
<h3>
<img><n:attr name="src">img/connected-<n:invisible n:render="string" n:data="connected_to_helper" />.png</n:attr><n:attr name="alt"><n:invisible n:render="string" n:data="connected_to_helper_alt" /></n:attr></img>
<div class="status-indicator"><img><n:attr name="src">img/connected-<n:invisible n:render="string" n:data="connected_to_helper" />.png</n:attr><n:attr name="alt"><n:invisible n:render="string" n:data="connected_to_helper_alt" /></n:attr></img></div>
<div n:render="string" n:data="helper_description" />
</h3>
<div class="furl" n:render="string" n:data="helper_furl_prefix" />
@ -178,7 +178,7 @@
</thead>
<tr n:pattern="item" n:render="service_row">
<td class="nickname-and-peerid">
<img><n:attr name="src">img/connected-<n:slot name="connected" />.png</n:attr><n:attr name="alt"><n:slot name="connected_alt" /></n:attr></img>
<div class="status-indicator"><img><n:attr name="src">img/connected-<n:slot name="connected" />.png</n:attr><n:attr name="alt"><n:slot name="connected_alt" /></n:attr></img></div>
<div class="nickname"><n:slot name="nickname"/></div>
<div class="nodeid"><n:slot name="peerid"/></div>
</td>