From 8a5d15799505340d80754dc1b9638a8244705087 Mon Sep 17 00:00:00 2001
From: m4xcube <m4xcube@users.noreply.github.com>
Date: Sat, 4 Apr 2015 21:03:41 +0200
Subject: Word Break

Word break for to long Packagenames
---
 module/web/templates/default/queue.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'module/web')

diff --git a/module/web/templates/default/queue.html b/module/web/templates/default/queue.html
index 62d0be777..6d71fb6e9 100644
--- a/module/web/templates/default/queue.html
+++ b/module/web/templates/default/queue.html
@@ -38,7 +38,7 @@ document.addEvent("domready", function(){
     
     <div class="packagename" style="float:left; width: 50%; cursor: pointer">
         <span class="glyphicon glyphicon-folder-close"></span>
-        <span class="name" style="font-size: 16px; font-weight: bold;"><em class="package_drag" style="font-style:normal">{{package.name }}</em></span>
+        <span class="name" style="font-size: 16px; font-weight: bold;"><em class="package_drag" style="font-style:normal word-wrap: break-word;">{{package.name }}</em></span>
         &nbsp;&nbsp;
         <span class="buttons" style="opacity:0">
         <span class="glyphicon glyphicon-trash" title="{{_("Delete Package")}}" style="cursor: pointer" width="12px" height="12px" src="/media/default/img/delete.png" /></span>
@@ -106,4 +106,4 @@ document.addEvent("domready", function(){
     </form>
 
 </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
-- 
cgit v1.2.3


From 04e352a7a0196ef8c75e4cdf44a6c9c2f552d563 Mon Sep 17 00:00:00 2001
From: m4xcube <m4xcube@users.noreply.github.com>
Date: Sat, 4 Apr 2015 21:55:59 +0200
Subject: Cleanup & Design improvement

Removed nobr for better html code with "white-space: nowrap;"

Changed height to max-heigt for better visual
---
 module/web/templates/default/settings.html | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

(limited to 'module/web')

diff --git a/module/web/templates/default/settings.html b/module/web/templates/default/settings.html
index 5be7be516..c9b852c0a 100644
--- a/module/web/templates/default/settings.html
+++ b/module/web/templates/default/settings.html
@@ -29,11 +29,9 @@
                     <li class>
                         <div class="panel panel-default" >
                           <div class="panel-body">
-                            <ul id="general-menu" style="float: left; height: 600px; overflow: auto; overflow-x: hidden; width: 100%">
+                            <ul id="general-menu" style="float: left; max-height: 600px; overflow: auto; overflow-x: hidden; width: 100%">
                                 {% for entry,name in conf.general %}
-                                    <nobr>
-                                        <li style="list-style-type: none; cursor: pointer; margin-top: 10px;" id="general|{{ entry }}">{{ name }}</li>
-                                    </nobr>
+                                <li style="list-style-type: none; cursor: pointer; margin-top: 10px; white-space: nowrap;" id="general|{{ entry }}">{{ name }}</li>
                                 {% endfor %}
                             </ul>
                           </div>
@@ -58,11 +56,9 @@
                     <li class>
                         <div class="panel panel-default">
                             <div class="panel-body">
-                                <ul id="plugin-menu" style="float: left; height: 600px; overflow: auto; overflow-x: hidden; width: 100%">
+                                <ul id="plugin-menu" style="float: left; max-height: 600px; overflow: auto; overflow-x: hidden; width: 100%">
                                     {% for entry,name in conf.plugin %}
-                                        <nobr>
-                                            <li style="list-style-type: none; cursor: pointer; margin-top: 10px;" id="plugin|{{ entry }}">{{ name }}</li>
-                                        </nobr>
+                                    <li style="list-style-type: none; cursor: pointer; margin-top: 10px; white-space: nowrap;" id="plugin|{{ entry }}">{{ name }}</li>
                                     {% endfor %}
                                 </ul>
                             <div>
-- 
cgit v1.2.3


From e866110d32727a4268700324c56a25955e9ced3a Mon Sep 17 00:00:00 2001
From: m4xcube <m4xcube@users.noreply.github.com>
Date: Sat, 4 Apr 2015 22:01:55 +0200
Subject: Better readability of HTML

---
 module/web/templates/default/settings.html | 66 +++++++++++++++---------------
 1 file changed, 32 insertions(+), 34 deletions(-)

(limited to 'module/web')

diff --git a/module/web/templates/default/settings.html b/module/web/templates/default/settings.html
index c9b852c0a..1841fe485 100644
--- a/module/web/templates/default/settings.html
+++ b/module/web/templates/default/settings.html
@@ -13,9 +13,9 @@
 {% block content %}
 
     <ul id="toptabs" class="nav nav-tabs">
-            <li role="presentation" class"active"><a href="#">{{ _("General") }}</a></li>
-            <li role="presentation"><a href="#">{{ _("Plugins") }}</a></li>
-            <li role="presentation"><a href="#">{{ _("Accounts") }}</a></li>
+        <li role="presentation" class"active"><a href="#">{{ _("General") }}</a></li>
+        <li role="presentation"><a href="#">{{ _("Plugins") }}</a></li>
+        <li role="presentation"><a href="#">{{ _("Accounts") }}</a></li>
     </ul>
 
     <div id="tabsback" style="height: 20px; padding-left: 150px; color: white; font-weight: bold;">
@@ -173,36 +173,34 @@
 {% endblock %}
 {% block hidden %}
 <div id="account_box" style="z-index: 2">
-<form id="add_account_form" action="/json/add_account" method="POST" enctype="multipart/form-data">
-<h3>{{_("Add Account")}}</h3>
-<p>{{_("Enter your account data to use premium features.")}}</p>
-
-<div class="form-group">
-<label for="account_login">{{_("Login")}}</label>
-<input class="form-control" id="account_login" name="account_login" type="text" />
-<p >{{_("Your username.")}}</p>
-</div>
-<div class="form-group">
-<label for="account_password">{{_("Password")}}</label>
-<input class="form-control" id="account_password" name="account_password" type="password" size="20" />
-<p >{{_("The password for this account.")}}</p>
-</div>
-<div class="form-group">
-<label for="account_type">{{_("Type")}}</label>
-<p>{{_("Choose the hoster for your account.")}}</p>
-</div>
-<div class="form-group">
-    <select name=account_type id="account_type">
-        {% for type in types|sort %}
-            <option value="{{ type }}">{{ type }}</option>
-        {% endfor %}
-    </select>
-</div>
-<button class="btn btn-primary" style="float: right; margin-left: 5px;" id="account_add_button" type="submit">{{_("Add")}}</button>
-<button class="btn btn-default" style="float: right;" id="account_reset" style="margin-left: 0" type="reset">{{_("Reset")}}</button>
-<div class="spacer"></div>
-
-</form>
-
+    <form id="add_account_form" action="/json/add_account" method="POST" enctype="multipart/form-data">
+        <h3>{{_("Add Account")}}</h3>
+        <p>{{_("Enter your account data to use premium features.")}}</p>
+
+        <div class="form-group">
+            <label for="account_login">{{_("Login")}}</label>
+            <input class="form-control" id="account_login" name="account_login" type="text" />
+            <p >{{_("Your username.")}}</p>
+        </div>
+        <div class="form-group">
+            <label for="account_password">{{_("Password")}}</label>
+            <input class="form-control" id="account_password" name="account_password" type="password" size="20" />
+            <p >{{_("The password for this account.")}}</p>
+        </div>
+        <div class="form-group">
+            <label for="account_type">{{_("Type")}}</label>
+            <p>{{_("Choose the hoster for your account.")}}</p>
+        </div>
+        <div class="form-group">
+            <select name=account_type id="account_type">
+                {% for type in types|sort %}
+                <option value="{{ type }}">{{ type }}</option>
+                {% endfor %}
+            </select>
+        </div>
+        <button class="btn btn-primary" style="float: right; margin-left: 5px;" id="account_add_button" type="submit">{{_("Add")}}</button>
+        <button class="btn btn-default" style="float: right;" id="account_reset" style="margin-left: 0" type="reset">{{_("Reset")}}</button>
+        <div class="spacer"></div>
+    </form>
 </div>
 {% endblock %}
-- 
cgit v1.2.3


From 0088e6da59ca374f4d1eab2b70d6d3dba46367f6 Mon Sep 17 00:00:00 2001
From: m4xcube <m4xcube@users.noreply.github.com>
Date: Sat, 4 Apr 2015 23:26:32 +0200
Subject: Allways show Package Size

---
 module/web/templates/default/queue.html | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

(limited to 'module/web')

diff --git a/module/web/templates/default/queue.html b/module/web/templates/default/queue.html
index 6d71fb6e9..9aa864381 100644
--- a/module/web/templates/default/queue.html
+++ b/module/web/templates/default/queue.html
@@ -53,19 +53,17 @@ document.addEvent("domready", function(){
     {% set progress = (package.linksdone * 100) / package.linkstotal %}
 
     <div id="progress" class="progress" style="float:left; width: 50%; margin-top: -5px;">
-        <div class="progress-bar" role="progressbar" style="width: {{ progress }}%; height: 100%;">
-                <label>
-                {{ package.linksdone }} / {{ package.linkstotal }}</label>
+        <div class="progress-bar" role="progressbar" style="width: {{ progress }}%; height: 100%; position: relative; z-index: 1;">
+            <label>{{ package.linksdone }} / {{ package.linkstotal }}</label>
         </div>
-        <label style="padding-right: 5px ;float: right;">
-        {{ package.sizedone|formatsize }} / {{ package.sizetotal|formatsize }}</label>
+        <label style="right: 30px; position: absolute; z-index: 2;">
+            {{ package.sizedone|formatsize }} / {{ package.sizetotal|formatsize }}</label>
         </div>
     <div style="clear: both; margin-bottom: -10px"></div>
 
     <div id="children_{{package.pid}}" style="display: none; margin-bottom: 15px;" class="children">
-    <span class="child_secrow" style="margin-bottom: 30px; margin-top: 5px;">{{_("Folder:")}} <span class="folder">{{package.folder}}</span> | {{_("Password:")}} <span class="password">{{package.password}}</span></span>
-    <ul id="sort_children_{{package.pid}}" style="list-style: none; padding-left: 0">
-    </ul>
+        <span class="child_secrow" style="margin-bottom: 30px; margin-top: 5px;">{{_("Folder:")}} <span class="folder">{{package.folder}}</span> | {{_("Password:")}} <span class="password">{{package.password}}</span></span>
+        <ul id="sort_children_{{package.pid}}" style="list-style: none; padding-left: 0"></ul>
     </div>
 </div>
     </li>
-- 
cgit v1.2.3


From 84c01924ab40afb591c19d2bd29cd1f15209e46e Mon Sep 17 00:00:00 2001
From: m4xcube <maxcube@gmx.net>
Date: Sat, 4 Apr 2015 23:59:48 +0200
Subject: Revert "Word Break"

This reverts commit 8a5d15799505340d80754dc1b9638a8244705087.
---
 module/web/templates/default/queue.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'module/web')

diff --git a/module/web/templates/default/queue.html b/module/web/templates/default/queue.html
index 9aa864381..28386354c 100644
--- a/module/web/templates/default/queue.html
+++ b/module/web/templates/default/queue.html
@@ -38,7 +38,7 @@ document.addEvent("domready", function(){
     
     <div class="packagename" style="float:left; width: 50%; cursor: pointer">
         <span class="glyphicon glyphicon-folder-close"></span>
-        <span class="name" style="font-size: 16px; font-weight: bold;"><em class="package_drag" style="font-style:normal word-wrap: break-word;">{{package.name }}</em></span>
+        <span class="name" style="font-size: 16px; font-weight: bold;"><em class="package_drag" style="font-style:normal">{{package.name }}</em></span>
         &nbsp;&nbsp;
         <span class="buttons" style="opacity:0">
         <span class="glyphicon glyphicon-trash" title="{{_("Delete Package")}}" style="cursor: pointer" width="12px" height="12px" src="/media/default/img/delete.png" /></span>
-- 
cgit v1.2.3


From 3ab9d775122a5aebbdd6eefdac9725131f5f86e5 Mon Sep 17 00:00:00 2001
From: mariusbaumann <baumann.marius@gmail.com>
Date: Sun, 5 Apr 2015 03:17:29 +0200
Subject: text changed to withe and little font fixes

---
 module/web/templates/default/queue.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'module/web')

diff --git a/module/web/templates/default/queue.html b/module/web/templates/default/queue.html
index 28386354c..fbda48f7a 100644
--- a/module/web/templates/default/queue.html
+++ b/module/web/templates/default/queue.html
@@ -52,11 +52,11 @@ document.addEvent("domready", function(){
     </div>
     {% set progress = (package.linksdone * 100) / package.linkstotal %}
 
-    <div id="progress" class="progress" style="float:left; width: 50%; margin-top: -5px;">
+    <div id="progress" class="progress" style="float:left; width: 50%; margin-top: -5px; color:#fff; font-weight: 700; font-size:12px;">
         <div class="progress-bar" role="progressbar" style="width: {{ progress }}%; height: 100%; position: relative; z-index: 1;">
             <label>{{ package.linksdone }} / {{ package.linkstotal }}</label>
         </div>
-        <label style="right: 30px; position: absolute; z-index: 2;">
+        <label style="right: 30px; position: absolute; z-index: 2; color:#fff;">
             {{ package.sizedone|formatsize }} / {{ package.sizetotal|formatsize }}</label>
         </div>
     <div style="clear: both; margin-bottom: -10px"></div>
-- 
cgit v1.2.3