louis
/
dottes
forked from CryHavoc/dottes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

In tune list, put L in column of its own. 

It can be a big difficult to hit when the text is wrapped.
This commit is contained in:
Jim Hague 2016-11-07 23:14:14 +00:00
parent fd6335632c
commit 274dfc4665
3 changed files with 24 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
dottes.html
View File

@ -38,6 +38,7 @@
<h1>The tunes</h1> <h1>The tunes</h1>
<div class="dottes-tune-list"> <div class="dottes-tune-list">
<div class="dottes-tune-list-link-column"></div> <div class="dottes-tune-list-link-column"></div>
<div class="dottes-tune-list-learner-link-column"></div>
<div class="dottes-tune-list-image-column"></div> <div class="dottes-tune-list-image-column"></div>
<!--#include file="tunelist.html" --> <!--#include file="tunelist.html" -->
</div> </div>

4
dottes.html.tuneindex
View File

@ -1,7 +1,9 @@
<div class="dottes-tune-list-item"> <div class="dottes-tune-list-item">
<div class="dottes-tune-list-item-link"> <div class="dottes-tune-list-item-link">
<a class="dottes-tune-link" href="${name}.html">${title}</a> <a class="dottes-tune-link" href="${name}.html">${title}</a>
<a href="learner-${name}.html"> </div>
<div class="dottes-tune-list-item-learner-link">
<a class="dottes-tune-link" href="learner-${name}.html">
<img class="dottes-tune-table-image" src="../img/learner.png" alt="Learner"> <img class="dottes-tune-table-image" src="../img/learner.png" alt="Learner">
</a> </a>
</div> </div>

28
web/css/dottes.css
View File

@ -277,12 +277,6 @@ div.dottes-tune-learner-download
text-align: right; text-align: right;
} }
a.dottes-tune-link
{
position: relative;
top: 12px;
}
a.dottes-tune-icon-link a.dottes-tune-icon-link
{ {
text-decoration: none; text-decoration: none;
@ -333,6 +327,12 @@ div.dottes-tune-list-item
} }
div.dottes-tune-list-link-column div.dottes-tune-list-link-column
{
display: table-column;
width: 20%;
}
div.dottes-tune-list-learner-link-column
{ {
display: table-column; display: table-column;
} }
@ -340,7 +340,7 @@ div.dottes-tune-list-link-column
div.dottes-tune-list-image-column div.dottes-tune-list-image-column
{ {
display: table-column; display: table-column;
width: 80%; width: 75%;
} }
div.dottes-tune-list-item-link div.dottes-tune-list-item-link
@ -349,13 +349,25 @@ div.dottes-tune-list-item-link
vertical-align: middle; vertical-align: middle;
} }
div.dottes-tune-list-item-learner-link
{
display: table-cell;
vertical-align: middle;
padding: 2px;
}
div.dottes-tune-list-item-learner-link img
{
max-width: 20px;
}
div.dottes-tune-list-item-image div.dottes-tune-list-item-image
{ {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
} }
div.dottes-tune-list-item-image img img.dottes-tune-table-image
{ {
width: 100%; width: 100%;
} }