member management is complete now

css/base.css

@@ -257,6 +257,16 @@ ul.menu > li.separator:hover {
 .red {
   color: #D32F2F; /* red 700 */
 }
+
+.hr {
+  display: block;
+  width: 100%;
+  height: 0.6rem;
+  background-color: #f0f0f0;
+  box-shadow: inset 0 0.25rem 0.25rem -0.25rem rgba(0,0,0,0.15),
+    inset 0 -0.25rem 0.25rem -0.25rem rgba(0,0,0,0.15);
+}
+
 /* END generic text colors */
 
 /* END of basic elements */
@@ -1274,6 +1284,7 @@ ul.tabbar li.active > a:after {
 .chip-input {
   display: flex;
   flex-wrap: wrap;
+  flex-grow: 1;
   cursor: text;
   font-size: 1.1rem;
   font-weight: normal;
@@ -1282,7 +1293,8 @@ ul.tabbar li.active > a:after {
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
   transition: all 0.1s ease-in-out;
   width: 100%;
-  max-height: 8rem;
+  max-height: 10rem;
+  min-height: 4rem;
   overflow-y: scroll;
   margin: 0.25rem 0rem 0.25rem 0rem;
   padding: 0 0 0.5rem 0.5rem;
@@ -1355,3 +1367,10 @@ ul.tabbar li.active > a:after {
 .chip .avatar-box .material-icons {
   font-size: 1.8rem;
 }
+
+.chip .spacer {
+  display: inline-block;
+  margin: 0.3rem;
+  width: 0.25rem;
+  height: 1.175rem;
+}