Add some horizontal space to separate the different control links and quota display

skins/default/mail.css

@@ -120,6 +120,12 @@ td.formlinks a:visited
   text-decoration: underline;
 }
 
+#listcontrols,
+#mailboxcontrols
+{
+  padding-right: 2em;
+}
+
 #messagecountbar
 {
   position: absolute;

skins/default/templates/mail.html

@@ -89,10 +89,12 @@
 <roundcube:button command="select-all" label="all" classAct="active" />&nbsp;
 <roundcube:button command="select-all" prop="unread" label="unread" classAct="active" />&nbsp;
 <roundcube:button command="select-none" label="none" classAct="active" /> &nbsp;
+</span>
 <roundcube:if condition="env:quota" />
+<span id="quotabox">
 <roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" />
-<roundcube:endif />
 </span>
+<roundcube:endif />
 </td>
 <td width="1%">
 <span id="countcontrols">