webinterface - queue style update

3 files changed, 11 insertions, 3 deletions

diff --git a/module/web/media/default/css/default.css b/module/web/media/default/css/default.css
index 392d828f1..d7756e314 100644
--- a/module/web/media/default/css/default.css
+++ b/module/web/media/default/css/default.css
@@ -1478,7 +1478,10 @@ div.codearea pre span.Preprc {
 	margin-left: 20px;

 }

 .child_status {

-	width: 20px;

+	margin-right: 10px;

+}

+.child_secrow {

+	font-size: 10px;

 }

 

 .header, .header th {

diff --git a/module/web/media/default/img/delete.png b/module/web/media/default/img/delete.png
new file mode 100644
index 000000000..08f249365
--- /dev/null
+++ b/module/web/media/default/img/delete.png
diff --git a/module/web/templates/default/queue.html b/module/web/templates/default/queue.html
index 299452bc1..ff1f35052 100644
--- a/module/web/templates/default/queue.html
+++ b/module/web/templates/default/queue.html
@@ -11,10 +11,15 @@
 

 {% block content %}

 {% for package in content %}

-<div class="package"> <div class="packagename" onclick="javascript: PackegeShower();">{{ package.package_name }}</div>

+<div class="package"><div class="packagename" onclick="javascript: PackegeShower();">{{ package.package_name }}&nbsp;&nbsp;<a href=""><img width="10px" height="10px" src="{{ MEDIA_URL }}img/delete.png" /></a></div>

   <div class="children">

     {% for child in package.children %}

-    <div class="child"><span class="child_status">&nbsp;{{ child.status }}</span>{{ child.filename }}</div>

+    <div class="child"><span class="child_status">hierkommteinicondasaufdenstatusabgestimmtist</span>{{ child.filename }}<br />

+    <div class="child_secrow"><span class="child_status">Downloaded</span>&nbsp;&nbsp;<span class="child_status">100 MB</span>&nbsp;&nbsp;<a href=""><img width="10px" height="10px" src="{{ MEDIA_URL }}img/delete.png" /></a></div></div>

+    <div class="child"><span class="child_status">hierkommteinicondasaufdenstatusabgestimmtist</span>{{ child.filename }}<br />

+    <div class="child_secrow"><span class="child_status">Downloaded</span>&nbsp;&nbsp;<span class="child_status">100 MB</span>&nbsp;&nbsp;<a href=""><img width="10px" height="10px" src="{{ MEDIA_URL }}img/delete.png" /></a></div></div>

+    <div class="child"><span class="child_status">hierkommteinicondasaufdenstatusabgestimmtist</span>{{ child.filename }}<br />

+    <div class="child_secrow"><span class="child_status">Downloaded</span>&nbsp;&nbsp;<span class="child_status">100 MB</span>&nbsp;&nbsp;<a href=""><img width="10px" height="10px" src="{{ MEDIA_URL }}img/delete.png" /></a></div></div>

     {% endfor %}

   </div>

 </div>