Merge pull request #198 from larsjohnsen/style-changes

Style changes
This commit is contained in:
KZ 2015-10-02 17:53:55 +01:00
commit 0076df1212
2 changed files with 20 additions and 5 deletions

View File

@ -24,11 +24,12 @@
background-color: #f9f9f9; background-color: #f9f9f9;
border-radius: 6px; border-radius: 6px;
box-shadow: 1px 1px 5px 2px #cdcdcd; box-shadow: 1px 1px 5px 2px #cdcdcd;
padding: 10px;
width: 270px; width: 270px;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin: 5px; margin: 5px;
overflow: hidden;
position: relative;
} }
#indexers { #indexers {
@ -58,12 +59,18 @@
} }
.indexer-logo { .indexer-logo {
text-align: center;
padding-bottom: 5px; padding-bottom: 5px;
} }
.indexer-logo > .hidden-name {
position: absolute;
color: rgba(255, 255, 255, 0);
left: 0;
}
.indexer-logo > img { .indexer-logo > img {
border: 1px solid #828282; width: 100%;
border-bottom: 1px solid #FFF;
} }
.indexer-name > h3 { .indexer-name > h3 {

View File

@ -146,7 +146,11 @@
<script id="configured-indexer" type="text/x-handlebars-template"> <script id="configured-indexer" type="text/x-handlebars-template">
<div class="configured-indexer indexer card"> <div class="configured-indexer indexer card">
<div class="indexer-logo"><img alt="{{name}}" title="{{name}}" src="/logos/{{id}}.png" /></div> <div class="indexer-logo">
<!-- Make section browser searchable -->
<span class="hidden-name">{{name}}</span>
<img alt="{{name}}" title="{{name}}" src="/logos/{{id}}.png" />
</div>
<div class="indexer-buttons"> <div class="indexer-buttons">
<button class="btn btn-primary btn-sm indexer-setup" data-id="{{id}}"> <button class="btn btn-primary btn-sm indexer-setup" data-id="{{id}}">
<span class="glyphicon glyphicon-wrench" aria-hidden="true"></span> <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
@ -176,7 +180,11 @@
</script> </script>
<script id="unconfigured-indexer" type="text/x-handlebars-template"> <script id="unconfigured-indexer" type="text/x-handlebars-template">
<div class="unconfigured-indexer card"> <div class="unconfigured-indexer card">
<div class="indexer-logo"><img alt="{{name}}" title="{{name}}" src="/logos/{{id}}.png" /></div> <div class="indexer-logo">
<!-- Make section browser searchable -->
<span class="hidden-name">{{name}}</span>
<img alt="{{name}}" title="{{name}}" src="/logos/{{id}}.png" />
</div>
<div class="indexer-buttons"> <div class="indexer-buttons">
<a class="btn btn-info" target="_blank" href="{{site_link}}">Visit <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a> <a class="btn btn-info" target="_blank" href="{{site_link}}">Visit <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a>
<button class="indexer-setup btn btn-success" data-id="{{id}}">Setup <span class="glyphicon glyphicon-ok" aria-hidden="true"></span></button> <button class="indexer-setup btn btn-success" data-id="{{id}}">Setup <span class="glyphicon glyphicon-ok" aria-hidden="true"></span></button>