From 592bd2841ca8917b66092e84c41b9de7376f4856 Mon Sep 17 00:00:00 2001
From: Joel <joel@baldaufwd.de>
Date: Fri, 12 Mar 2021 17:25:56 +0100
Subject: [PATCH] zwischenstand (nicht optimal)

---
 app/src/main/res/layout-v26/activity_main.xml | 418 ++++++++++--------
 app/src/main/res/layout/activity_main.xml     | 347 ++++++++-------
 2 files changed, 425 insertions(+), 340 deletions(-)

diff --git a/app/src/main/res/layout-v26/activity_main.xml b/app/src/main/res/layout-v26/activity_main.xml
index 3dc1783..0e9a8de 100644
--- a/app/src/main/res/layout-v26/activity_main.xml
+++ b/app/src/main/res/layout-v26/activity_main.xml
@@ -1,214 +1,260 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+
+
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/layoutBegin"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:layout_alignParentBottom="true"
-    android:paddingStart="60dp"
-    android:paddingEnd="16dp"
     tools:context=".MainActivity">
 
-    <TextView
-        android:id="@+id/textMeetingName"
-        android:layout_width="wrap_content"
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:layout_above="@+id/TextMeetingName"
-        android:layout_marginTop="70dp"
-        android:text="@string/MeetingName" />
+        android:orientation="horizontal"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintHorizontal_bias="0.5"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintVertical_bias="0.8"
+        app:layout_constraintWidth_percent="0.8">
 
-    <de.joel.zoomhelper.InstantAutoComplete
-        android:id="@+id/TextMeetingName"
-        android:layout_width="215dp"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textName"
-        android:inputType="text" />
+        <ScrollView
+            android:id="@+id/scrollArea"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:layout_marginTop="22dp"
+            android:fillViewport="true"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintBottom_toTopOf="@+id/imageAdd">
 
-    <ImageView
-        android:id="@+id/image"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/TextMeetingName"
-        android:layout_toEndOf="@+id/TextMeetingName"
-        android:background="?attr/selectableItemBackgroundBorderless"
-        android:clickable="true"
-        android:focusable="true"
-        android:padding="5dp"
-        android:src="@mipmap/baseline_arrow_drop_down_black_24" />
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal">
+
+                <TextView
+                    android:id="@+id/textMeetingName"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="@string/MeetingName"
+                    app:layout_constraintBottom_toTopOf="@+id/TextMeetingName"
+                    app:layout_constraintHorizontal_weight="90"
+                    app:layout_constraintStart_toStartOf="parent" />
+
+                <de.joel.zoomhelper.InstantAutoComplete
+                    android:id="@+id/TextMeetingName"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginBottom="22dp"
+                    android:inputType="text"
+                    app:layout_constraintBottom_toTopOf="@+id/textName"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintWidth_percent="0.9" />
+
+                <ImageView
+                    android:id="@+id/image"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:background="?attr/selectableItemBackgroundBorderless"
+                    android:clickable="true"
+                    android:focusable="true"
+                    android:padding="5dp"
+                    android:src="@mipmap/baseline_arrow_drop_down_black_24"
+                    app:layout_constraintStart_toEndOf="@+id/TextMeetingName"
+                    app:layout_constraintTop_toTopOf="@+id/TextMeetingName" />
 
 
-    <ImageView
-        android:id="@+id/imageAdd"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_below="@+id/editAtt"
-        android:layout_marginStart="30dp"
-        android:layout_marginTop="30dp"
-        android:background="?attr/selectableItemBackgroundBorderless"
-        android:clickable="true"
-        android:focusable="true"
-        android:tooltipText="@string/addTooltip"
-        app:srcCompat="@drawable/iconfinder_pluscircle_7124019_32" />
+                <TextView
+                    android:id="@+id/textID"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="@string/MeetingID"
+                    app:layout_constraintBottom_toTopOf="@+id/textBoxID"
+                    app:layout_constraintStart_toStartOf="parent" />
 
-    <ImageView
-        android:id="@+id/imageTrash"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/imageAdd"
-        android:layout_marginStart="15dp"
-        android:layout_toEndOf="@+id/imageAdd"
-        android:background="?attr/selectableItemBackgroundBorderless"
-        android:clickable="true"
-        android:focusable="true"
-        android:tooltipText="@string/deleteTooltip"
-        app:srcCompat="@drawable/iconfinder_trash_7124159_32" />
+                <EditText
+                    android:id="@+id/textBoxID"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginBottom="22dp"
+                    android:focusable="true"
+                    android:focusableInTouchMode="true"
+                    android:inputType="text"
+                    app:layout_constraintBottom_toTopOf="@+id/textPW"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintWidth_percent="0.9" />
 
-    <ImageView
-        android:id="@+id/imageSave"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/imageAdd"
-        android:layout_marginStart="15dp"
-        android:layout_toEndOf="@+id/imageTrash"
-        android:background="?attr/selectableItemBackgroundBorderless"
-        android:clickable="true"
-        android:focusable="true"
-        android:tooltipText="@string/saveTooltip"
-        app:srcCompat="@drawable/iconfinder_save_7124134_32" />
+                <TextView
+                    android:id="@+id/textPW"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="22dp"
+                    android:text="@string/Password"
+                    app:layout_constraintBottom_toTopOf="@+id/layoutPW"
+                    app:layout_constraintStart_toStartOf="parent" />
 
-    <ImageView
-        android:id="@+id/imageShare"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/imageAdd"
-        android:layout_marginStart="15dp"
-        android:layout_toEndOf="@+id/imageSave"
-        android:background="?attr/selectableItemBackgroundBorderless"
-        android:clickable="true"
-        android:focusable="true"
-        android:tooltipText="@string/shareTooltip"
-        app:srcCompat="@drawable/iconfinder_share_7124186_32" />
+                <com.google.android.material.textfield.TextInputLayout
+                    android:id="@+id/layoutPW"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginBottom="70dp"
+                    android:background="@android:color/transparent"
+                    app:boxBackgroundColor="@android:color/transparent"
+                    app:layout_constraintBottom_toTopOf="@+id/textMeetingName"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintWidth_percent="0.9"
+                    app:passwordToggleDrawable="@drawable/show_password_selector"
+                    app:passwordToggleEnabled="true">
 
-    <ImageView
-        android:id="@+id/imageAttend"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/imageAdd"
-        android:layout_marginStart="15dp"
-        android:layout_toEndOf="@+id/imageShare"
-        android:background="?attr/selectableItemBackgroundBorderless"
-        android:clickable="true"
-        android:focusable="true"
-        android:tooltipText="@string/joinTooltip"
-        app:srcCompat="@drawable/iconfinder_phone_7124181_32" />
+                    <EditText
+                        android:id="@+id/editTextTextPassword2"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:inputType="textPassword" />
 
-    <TextView
-        android:id="@+id/textID"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textBoxID"
-        android:text="@string/MeetingID" />
+                </com.google.android.material.textfield.TextInputLayout>
 
-    <EditText
-        android:id="@+id/textBoxID"
-        android:layout_width="215dp"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textPW"
-        android:focusable="true"
-        android:focusableInTouchMode="true"
-        android:inputType="text" />
+                <TextView
+                    android:id="@+id/textName"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="22dp"
+                    android:text="@string/DisplayName"
+                    app:layout_constraintBottom_toTopOf="@+id/textBoxName"
+                    app:layout_constraintStart_toStartOf="parent" />
 
-    <TextView
-        android:id="@+id/textPW"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/layoutPW"
-        android:layout_marginTop="22dp"
-        android:text="@string/Password" />
 
-    <com.google.android.material.textfield.TextInputLayout
-        android:id="@+id/layoutPW"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textMeetingName"
-        android:background="@android:color/transparent"
-        app:boxBackgroundColor="@android:color/transparent"
-        app:passwordToggleDrawable="@drawable/show_password_selector"
-        app:passwordToggleEnabled="true">
+                <de.joel.zoomhelper.InstantAutoComplete
+                    android:id="@+id/textBoxName"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginBottom="22dp"
+                    android:inputType="text"
+                    app:layout_constraintBottom_toTopOf="@+id/textAtt"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintWidth_percent="0.9" />
 
-        <EditText
-            android:id="@+id/editTextTextPassword2"
-            android:layout_width="215dp"
+                <ImageView
+                    android:id="@+id/image2"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:background="?attr/selectableItemBackgroundBorderless"
+                    android:clickable="true"
+                    android:focusable="true"
+                    android:padding="5dp"
+                    android:src="@mipmap/baseline_arrow_drop_down_black_24"
+                    app:layout_constraintStart_toEndOf="@+id/textBoxName"
+                    app:layout_constraintTop_toTopOf="@+id/textBoxName" />
+
+                <TextView
+                    android:id="@+id/textAtt"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="22dp"
+                    android:text="@string/AttendeesInput"
+                    app:layout_constraintBottom_toTopOf="@+id/editAtt"
+                    app:layout_constraintStart_toStartOf="parent" />
+
+                <EditText
+                    android:id="@+id/editAtt"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:inputType="number"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintWidth_percent="0.9" />
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+        </ScrollView>
+
+        <ImageView
+            android:id="@+id/imageAdd"
+            android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:inputType="textPassword" />
+            android:layout_marginTop="22dp"
+            android:layout_marginEnd="15dp"
+            android:background="?attr/selectableItemBackgroundBorderless"
+            android:clickable="true"
+            android:focusable="true"
+            android:tooltipText="@string/addTooltip"
+            app:layout_constraintEnd_toStartOf="@+id/imageTrash"
+            app:layout_constraintTop_toBottomOf="@+id/scrollArea"
+            app:srcCompat="@drawable/iconfinder_pluscircle_7124019_32" />
 
-    </com.google.android.material.textfield.TextInputLayout>
+        <ImageView
+            android:id="@+id/imageTrash"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="15dp"
+            android:background="?attr/selectableItemBackgroundBorderless"
+            android:clickable="true"
+            android:focusable="true"
+            android:tooltipText="@string/deleteTooltip"
+            app:layout_constraintEnd_toStartOf="@+id/imageSave"
+            app:layout_constraintTop_toTopOf="@+id/imageAdd"
+            app:srcCompat="@drawable/iconfinder_trash_7124159_32" />
 
-    <TextView
-        android:id="@+id/textName"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textBoxName"
-        android:layout_marginTop="22dp"
-        android:text="@string/DisplayName" />
+        <ImageView
+            android:id="@+id/imageSave"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="15dp"
+            android:background="?attr/selectableItemBackgroundBorderless"
+            android:clickable="true"
+            android:focusable="true"
+            android:tooltipText="@string/saveTooltip"
+            app:layout_constraintEnd_toStartOf="@+id/imageShare"
+            app:layout_constraintTop_toTopOf="@+id/imageAdd"
+            app:srcCompat="@drawable/iconfinder_save_7124134_32" />
 
+        <ImageView
+            android:id="@+id/imageShare"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="15dp"
+            android:background="?attr/selectableItemBackgroundBorderless"
+            android:clickable="true"
+            android:focusable="true"
+            android:tooltipText="@string/shareTooltip"
+            app:layout_constraintEnd_toStartOf="@+id/imageAttend"
+            app:layout_constraintTop_toTopOf="@+id/imageAdd"
+            app:srcCompat="@drawable/iconfinder_share_7124186_32" />
 
-    <de.joel.zoomhelper.InstantAutoComplete
-        android:id="@+id/textBoxName"
-        android:layout_width="215dp"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textAtt"
-        android:inputType="text" />
+        <ImageView
+            android:id="@+id/imageAttend"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="15dp"
+            android:layout_marginEnd="15dp"
+            android:background="?attr/selectableItemBackgroundBorderless"
+            android:clickable="true"
+            android:focusable="true"
+            android:tooltipText="@string/joinTooltip"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/imageAdd"
+            app:srcCompat="@drawable/iconfinder_phone_7124181_32" />
 
-    <ImageView
-        android:id="@+id/image2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/textBoxName"
-        android:layout_toEndOf="@+id/textBoxName"
-        android:background="?attr/selectableItemBackgroundBorderless"
-        android:clickable="true"
-        android:focusable="true"
-        android:padding="5dp"
-        android:src="@mipmap/baseline_arrow_drop_down_black_24" />
+        <Button
+            android:id="@+id/btnSave"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="22dp"
+            android:onClick="btnSave_onClick"
+            android:text="@string/Save"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/imageTrash" />
 
-    <TextView
-        android:id="@+id/textAtt"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/editAtt"
-        android:layout_marginTop="22dp"
-        android:text="@string/AttendeesInput" />
-
-    <EditText
-        android:id="@+id/editAtt"
-        android:layout_width="215dp"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/btnSave"
-        android:inputType="number" />
-
-
-    <Button
-        android:id="@+id/btnSave"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignParentBottom="true"
-        android:layout_marginTop="80dp"
-        android:layout_marginBottom="40dp"
-
-        android:onClick="btnSave_onClick"
-        android:text="@string/Save" />
-
-    <Button
-        android:id="@+id/btnJoin"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/btnSave"
-        android:layout_marginStart="22dp"
-        android:layout_toEndOf="@+id/btnSave"
-
-        android:onClick="btnJoin_onClick"
-        android:text="@string/Join" />
-
-
-</RelativeLayout>
\ No newline at end of file
+        <Button
+            android:id="@+id/btnJoin"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_alignParentEnd="true"
+            android:onClick="btnJoin_onClick"
+            android:text="@string/Join"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/btnSave" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index f63fac7..42e0659 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -1,209 +1,248 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+
+
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/layoutBegin"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:layout_alignParentBottom="true"
-    android:paddingStart="60dp"
-    android:paddingEnd="16dp"
+    android:layout_height="wrap_content"
     tools:context=".MainActivity">
 
-    <TextView
-        android:id="@+id/textMeetingName"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/TextMeetingName"
-        android:layout_marginTop="70dp"
-        android:text="@string/MeetingName" />
+    <ScrollView
+        android:id="@+id/scrollArea"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_marginTop="22dp"
+        android:fillViewport="true"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
 
-    <de.joel.zoomhelper.InstantAutoComplete
-        android:id="@+id/TextMeetingName"
-        android:layout_width="215dp"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textName"
-        android:inputType="text" />
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal">
 
-    <ImageView
-        android:id="@+id/image"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/TextMeetingName"
-        android:layout_toEndOf="@+id/TextMeetingName"
-        android:background="?attr/selectableItemBackgroundBorderless"
-        android:clickable="true"
-        android:focusable="true"
-        android:padding="5dp"
-        android:src="@mipmap/baseline_arrow_drop_down_black_24" />
+            <TextView
+                android:id="@+id/textMeetingName"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/MeetingName"
+                app:layout_constraintBottom_toTopOf="@+id/TextMeetingName"
+                app:layout_constraintHorizontal_weight="90"
+                app:layout_constraintStart_toStartOf="parent" />
+
+            <de.joel.zoomhelper.InstantAutoComplete
+                android:id="@+id/TextMeetingName"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginBottom="22dp"
+                android:inputType="text"
+                app:layout_constraintBottom_toTopOf="@+id/textName"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintWidth_percent="0.9" />
+
+            <ImageView
+                android:id="@+id/image"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="?attr/selectableItemBackgroundBorderless"
+                android:clickable="true"
+                android:focusable="true"
+                android:padding="5dp"
+                android:src="@mipmap/baseline_arrow_drop_down_black_24"
+                app:layout_constraintStart_toEndOf="@+id/TextMeetingName"
+                app:layout_constraintTop_toTopOf="@+id/TextMeetingName" />
 
 
+            <TextView
+                android:id="@+id/textID"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/MeetingID"
+                app:layout_constraintBottom_toTopOf="@+id/textBoxID"
+                app:layout_constraintStart_toStartOf="parent" />
+
+            <EditText
+                android:id="@+id/textBoxID"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginBottom="22dp"
+                android:focusable="true"
+                android:focusableInTouchMode="true"
+                android:inputType="text"
+                app:layout_constraintBottom_toTopOf="@+id/textPW"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintWidth_percent="0.9" />
+
+            <TextView
+                android:id="@+id/textPW"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="22dp"
+                android:text="@string/Password"
+                app:layout_constraintBottom_toTopOf="@+id/layoutPW"
+                app:layout_constraintStart_toStartOf="parent" />
+
+            <com.google.android.material.textfield.TextInputLayout
+                android:id="@+id/layoutPW"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginBottom="70dp"
+                android:background="@android:color/transparent"
+                app:boxBackgroundColor="@android:color/transparent"
+                app:layout_constraintBottom_toTopOf="@+id/textMeetingName"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintWidth_percent="0.9"
+                app:passwordToggleDrawable="@drawable/show_password_selector"
+                app:passwordToggleEnabled="true">
+
+                <EditText
+                    android:id="@+id/editTextTextPassword2"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:inputType="textPassword" />
+
+            </com.google.android.material.textfield.TextInputLayout>
+
+            <TextView
+                android:id="@+id/textName"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="22dp"
+                android:text="@string/DisplayName"
+                app:layout_constraintBottom_toTopOf="@+id/textBoxName"
+                app:layout_constraintStart_toStartOf="parent" />
+
+
+            <de.joel.zoomhelper.InstantAutoComplete
+                android:id="@+id/textBoxName"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_marginBottom="22dp"
+                android:inputType="text"
+                app:layout_constraintBottom_toTopOf="@+id/textAtt"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintWidth_percent="0.9" />
+
+            <ImageView
+                android:id="@+id/image2"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="?attr/selectableItemBackgroundBorderless"
+                android:clickable="true"
+                android:focusable="true"
+                android:padding="5dp"
+                android:src="@mipmap/baseline_arrow_drop_down_black_24"
+                app:layout_constraintStart_toEndOf="@+id/textBoxName"
+                app:layout_constraintTop_toTopOf="@+id/textBoxName" />
+
+            <TextView
+                android:id="@+id/textAtt"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="22dp"
+                android:text="@string/AttendeesInput"
+                app:layout_constraintBottom_toTopOf="@+id/editAtt"
+                app:layout_constraintStart_toStartOf="parent" />
+
+            <EditText
+                android:id="@+id/editAtt"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+
+                android:layout_marginBottom="80dp"
+                android:inputType="number"
+                app:layout_constraintBottom_toTopOf="@+id/btnSave"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintWidth_percent="0.9" />
+
+
+            <Button
+                android:id="@+id/btnSave"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="80dp"
+                android:onClick="btnSave_onClick"
+                android:text="@string/Save"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toStartOf="parent" />
+
+            <Button
+                android:id="@+id/btnJoin"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_alignParentEnd="true"
+                android:onClick="btnJoin_onClick"
+                android:text="@string/Join"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="@+id/btnSave" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </ScrollView>
     <ImageView
         android:id="@+id/imageAdd"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_below="@+id/editAtt"
-        android:layout_marginStart="30dp"
-        android:layout_marginTop="30dp"
+        android:layout_marginTop="22dp"
+        android:layout_marginEnd="15dp"
         android:background="?attr/selectableItemBackgroundBorderless"
         android:clickable="true"
         android:focusable="true"
+        android:tooltipText="@string/addTooltip"
+        app:layout_constraintEnd_toStartOf="@+id/imageTrash"
+        app:layout_constraintTop_toBottomOf="@+id/scrollArea"
         app:srcCompat="@drawable/iconfinder_pluscircle_7124019_32" />
 
     <ImageView
         android:id="@+id/imageTrash"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/imageAdd"
-        android:layout_marginStart="15dp"
-        android:layout_toEndOf="@+id/imageAdd"
+        android:layout_marginEnd="15dp"
         android:background="?attr/selectableItemBackgroundBorderless"
         android:clickable="true"
         android:focusable="true"
+        android:tooltipText="@string/deleteTooltip"
+        app:layout_constraintEnd_toStartOf="@+id/imageSave"
+        app:layout_constraintTop_toTopOf="@+id/imageAdd"
         app:srcCompat="@drawable/iconfinder_trash_7124159_32" />
 
     <ImageView
         android:id="@+id/imageSave"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/imageAdd"
-        android:layout_marginStart="15dp"
-        android:layout_toEndOf="@+id/imageTrash"
+        android:layout_marginEnd="15dp"
         android:background="?attr/selectableItemBackgroundBorderless"
         android:clickable="true"
         android:focusable="true"
+        android:tooltipText="@string/saveTooltip"
+        app:layout_constraintEnd_toStartOf="@+id/imageShare"
+        app:layout_constraintTop_toTopOf="@+id/imageAdd"
         app:srcCompat="@drawable/iconfinder_save_7124134_32" />
 
     <ImageView
         android:id="@+id/imageShare"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/imageAdd"
-        android:layout_marginStart="15dp"
-        android:layout_toEndOf="@+id/imageSave"
+        android:layout_marginEnd="15dp"
         android:background="?attr/selectableItemBackgroundBorderless"
         android:clickable="true"
         android:focusable="true"
+        android:tooltipText="@string/shareTooltip"
+        app:layout_constraintEnd_toStartOf="@+id/imageAttend"
+        app:layout_constraintTop_toTopOf="@+id/imageAdd"
         app:srcCompat="@drawable/iconfinder_share_7124186_32" />
 
     <ImageView
         android:id="@+id/imageAttend"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/imageAdd"
         android:layout_marginStart="15dp"
-        android:layout_toEndOf="@+id/imageShare"
+        android:layout_marginEnd="15dp"
         android:background="?attr/selectableItemBackgroundBorderless"
         android:clickable="true"
         android:focusable="true"
+        android:tooltipText="@string/joinTooltip"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@+id/imageAdd"
         app:srcCompat="@drawable/iconfinder_phone_7124181_32" />
-
-    <TextView
-        android:id="@+id/textID"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textBoxID"
-        android:text="@string/MeetingID" />
-
-    <EditText
-        android:id="@+id/textBoxID"
-        android:layout_width="215dp"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textPW"
-        android:focusable="true"
-        android:focusableInTouchMode="true"
-        android:inputType="text" />
-
-    <TextView
-        android:id="@+id/textPW"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/layoutPW"
-        android:layout_marginTop="22dp"
-        android:text="@string/Password" />
-
-    <com.google.android.material.textfield.TextInputLayout
-        android:id="@+id/layoutPW"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textMeetingName"
-        android:background="@android:color/transparent"
-        app:boxBackgroundColor="@android:color/transparent"
-        app:passwordToggleDrawable="@drawable/show_password_selector"
-        app:passwordToggleEnabled="true">
-
-        <EditText
-            android:id="@+id/editTextTextPassword2"
-            android:layout_width="215dp"
-            android:layout_height="wrap_content"
-            android:inputType="textPassword" />
-
-    </com.google.android.material.textfield.TextInputLayout>
-
-    <TextView
-        android:id="@+id/textName"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textBoxName"
-        android:layout_marginTop="22dp"
-        android:text="@string/DisplayName" />
-
-
-    <de.joel.zoomhelper.InstantAutoComplete
-        android:id="@+id/textBoxName"
-        android:layout_width="215dp"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/textAtt"
-        android:inputType="text" />
-
-    <ImageView
-        android:id="@+id/image2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/textBoxName"
-        android:layout_toEndOf="@+id/textBoxName"
-        android:background="?attr/selectableItemBackgroundBorderless"
-        android:clickable="true"
-        android:focusable="true"
-        android:padding="5dp"
-        android:src="@mipmap/baseline_arrow_drop_down_black_24" />
-
-    <TextView
-        android:id="@+id/textAtt"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/editAtt"
-        android:layout_marginTop="22dp"
-        android:text="@string/AttendeesInput" />
-
-    <EditText
-        android:id="@+id/editAtt"
-        android:layout_width="215dp"
-        android:layout_height="wrap_content"
-        android:layout_above="@+id/btnSave"
-        android:inputType="number" />
-
-
-    <Button
-        android:id="@+id/btnSave"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignParentBottom="true"
-        android:layout_marginTop="80dp"
-        android:layout_marginBottom="40dp"
-
-        android:onClick="btnSave_onClick"
-        android:text="@string/Save" />
-
-    <Button
-        android:id="@+id/btnJoin"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignTop="@+id/btnSave"
-        android:layout_marginStart="22dp"
-        android:layout_toEndOf="@+id/btnSave"
-
-        android:onClick="btnJoin_onClick"
-        android:text="@string/Join" />
-
-
-</RelativeLayout>
\ No newline at end of file
+</androidx.constraintlayout.widget.ConstraintLayout>