Fixed webpack config, groups flex thanks to @juliushaertl and groups tooltip

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

core/css/inputs.scss

@@ -673,7 +673,7 @@ input {
             }
             /* selected tag */
             .multiselect__tag {
-                flex: 1 0 calc(50% - 5px);;
+                flex: 1 0 0;
                 line-height: 20px;
                 padding: 1px 5px;
                 background-image: none;
@@ -685,6 +685,9 @@ input {
 				/* require to override the default width
 				   and force the tag to shring properly */
 				min-width: 0;
+				max-width: 50%;
+				max-width: fit-content;
+				max-width: -moz-fit-content;
 				/* css hack, detect if more than two tags
 				   if so, flex-basis is set to half */
 				&:only-child {

settings/src/components/userList/userRow.vue

@@ -229,7 +229,8 @@ export default {
 		 * @returns {string}
 		 */
 		formatGroupsTitle(groups) {
-			return groups.map(group => group.name).join(', ');
+			let names = groups.map(group => group.name);
+			return names.slice(2,).join(', ');
 		},
 
 		deleteUser() {

settings/webpack.common.js

@@ -3,9 +3,9 @@ const path = require('path')
 module.exports = {
   entry: './src/main.js',
   output: {
-    path: path.resolve(__dirname, './dist'),
+    path: path.resolve(__dirname, './js'),
     publicPath: '/dist/',
-    filename: 'build.js'
+    filename: 'main.js'
   },
   module: {
     rules: [