improve look of Add group flow

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

diff --git a/settings/css/settings.css b/settings/css/settings.css
index 6dbaf6d7ae6a0beb8a2ca82ce481d642665ae83e..00588beabc061e0b00bb0f8d74b74cfb4fc6e8c5 100644 (file)
--- a/settings/css/settings.css
+++ b/settings/css/settings.css
@@ -184,17 +184,23 @@ table.nostyle td { padding: 0.2em 0; }
        height: 44px;
 }
 #newgroupname {
-       margin: 6px;
-       width: 95%;
-       padding-right: 32px;
-       box-sizing: border-box
+       margin: 0;
+       width: 100%;
+       padding: 12px 40px 12px 12px;
+       box-sizing: border-box;
+       background-color: transparent;
+       border: none;
+       border-bottom: 1px solid #eee;
+       border-radius: 0;
 }
 #newgroup-form .button {
        position: absolute;
        right: 0;
-       top: 3px;
-       height: 32px;
-       width: 32px;
+       top: 0;
+       padding: 10px 20px;
+       background-color: transparent;
+       border: none;
+       opacity: .5;
 }
 
 .isgroup .groupname {

diff --git a/settings/templates/users/part.grouplist.php b/settings/templates/users/part.grouplist.php
index 22a3d6e78de4adb85c3262cb3b90a422635b3f3e..980cdab86c5a60c72f0e62fbc0851a556d37c8a9 100644 (file)
--- a/settings/templates/users/part.grouplist.php
+++ b/settings/templates/users/part.grouplist.php
@@ -7,7 +7,7 @@
        </li>
        <li id="newgroup-form" style="display: none">
                <form>
-                       <input type="text" id="newgroupname" placeholder="<?php p($l->t('Group')); ?>..." />
+                       <input type="text" id="newgroupname" placeholder="<?php p($l->t('Group name')); ?> …" />
                        <input type="submit" class="button icon-add" value="" />
                </form>
        </li>