#168: Improved countdown control buttons.

openslides/projector/static/styles/projector-control.css

@@ -40,7 +40,7 @@
 
 /*.projector_countdown_spinval {*/
 #countdown_time {
-    width: 40px;
+    width: 22px;
     height: 16px;
 }
 
@@ -63,25 +63,23 @@
     left: 35px;
 }
 
-.projector_countdown_btn {
+.projector_countdown_btn img {
-    margin-top: auto;
+    padding-top: 8px;
+    position: absolute;
 }
 
 /* countdown control buttons */
 .play{
     background:url(../images/icons/play.png) no-repeat 0px 0px;
-    text-indent:22px !important;
+    text-indent: 14px !important;
-    height: 22px !important;
 }
 .pause{
     background:url(../images/icons/pause.png) no-repeat 0px 0px;
-    text-indent:22px !important;
+    text-indent: 14px !important;
-    height: 22px !important;
 }
 .backward{
     background:url(../images/icons/skip-backward.png) no-repeat 0px 0px;
-    text-indent:22px !important;
+    text-indent: 14px !important;
-    height: 22px !important;
 }
 
 /* iframe */

openslides/projector/templates/projector/control.html

@@ -203,7 +203,7 @@
                                     <a id="countdown_set" class="projector_countdown_btn" href="{% url countdown_set_default %}" title="{% trans 'Save as default' %}">
                                         <img src="{% static 'images/icons/document-save.png' %}" />
                                     </a>
-                                    &nbsp;&nbsp;&nbsp;
+                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                     <a class="projector_countdown_btn" href="{% url countdown_reset %}" title="{% trans 'Reset countdown' %}" onclick="javascript:switchButtons('play')"><button 
                                         type="submit" class="button" style="padding:4px;" name='message-clean'>
                                            <span class="icon backward">&nbsp;</span>

openslides/static/styles/base.css

@@ -288,7 +288,7 @@ label {
     display:block;
     padding:5px 0;
 }
-input[type="text"], input[type="email"], input[type="password"], textarea, select {
+input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, select {
     background:none repeat scroll 0 0 #F7F7F7;
     border:1px solid #CCCCCC;
     outline:medium none;
@@ -297,7 +297,7 @@ input[type="text"], input[type="email"], input[type="password"], textarea, selec
     width: 400px;
     size:800px;
 }
-input[type="text"], input[type="email"], input[type="password"] {
+input[type="text"], input[type="email"], input[type="password"], input[type="number"] {
     height:17px;
 }
 textarea {