From 2f66dc0e653078f7a61b0ed6e88989d1cd39471f Mon Sep 17 00:00:00 2001
From: OliE <olie.xdev@googlemail.com>
Date: Sun, 14 Jan 2018 11:22:24 +0100
Subject: [PATCH] add a horizontal scroll view to the graph for small devices.

---
 .../src/main/res/layout/fragment_graph.xml    | 187 +++++++++---------
 1 file changed, 96 insertions(+), 91 deletions(-)

diff --git a/android_app/app/src/main/res/layout/fragment_graph.xml b/android_app/app/src/main/res/layout/fragment_graph.xml
index 4bacc257..f7183348 100644
--- a/android_app/app/src/main/res/layout/fragment_graph.xml
+++ b/android_app/app/src/main/res/layout/fragment_graph.xml
@@ -1,113 +1,118 @@
 <android.support.design.widget.CoordinatorLayout
     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:layout_width="match_parent"
     android:layout_height="match_parent">
 
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:orientation="vertical"
-        android:weightSum="1">
+        android:orientation="vertical">
 
-    <LinearLayout
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:background="?attr/colorPrimary"
-        android:orientation="horizontal"
-        android:gravity="center"
-        android:padding="5dp">
-
-        <android.support.design.widget.FloatingActionButton
-            android:id="@+id/diagramWeight"
-            android:layout_width="wrap_content"
+        <HorizontalScrollView
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_marginRight="10dp"
-            android:clickable="true"
-            android:src="@drawable/ic_weight"
-            app:backgroundTint="#AA66CC"
-            app:fabSize="mini"
-            app:rippleColor="#AA66CC" />
+            android:background="?attr/colorPrimary"
+            android:fillViewport="true">
 
-        <android.support.design.widget.FloatingActionButton
-            android:id="@+id/diagramFat"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginRight="10dp"
-            android:clickable="true"
-            android:src="@drawable/ic_fat"
-            app:backgroundTint="#FFBB33"
-            app:fabSize="mini"
-            app:rippleColor="#FFBB33" />
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:background="?attr/colorPrimary"
+                android:gravity="center"
+                android:orientation="horizontal"
+                android:padding="5dp">
 
-        <android.support.design.widget.FloatingActionButton
-            android:id="@+id/diagramWater"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginRight="10dp"
-            android:clickable="true"
-            android:src="@drawable/ic_water"
-            app:backgroundTint="#33B5E5"
-            app:fabSize="mini"
-            app:rippleColor="#33B5E5" />
+                <android.support.design.widget.FloatingActionButton
+                    android:id="@+id/diagramWeight"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="10dp"
+                    android:clickable="true"
+                    android:src="@drawable/ic_weight"
+                    app:backgroundTint="#AA66CC"
+                    app:fabSize="mini"
+                    app:rippleColor="#AA66CC" />
 
-        <android.support.design.widget.FloatingActionButton
-            android:id="@+id/diagramMuscle"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginRight="10dp"
-            android:clickable="true"
-            android:src="@drawable/ic_muscle"
-            app:backgroundTint="#99CC00"
-            app:fabSize="mini"
-            app:rippleColor="#99CC00" />
+                <android.support.design.widget.FloatingActionButton
+                    android:id="@+id/diagramFat"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="10dp"
+                    android:clickable="true"
+                    android:src="@drawable/ic_fat"
+                    app:backgroundTint="#FFBB33"
+                    app:fabSize="mini"
+                    app:rippleColor="#FFBB33" />
 
-        <android.support.design.widget.FloatingActionButton
-            android:id="@+id/diagramLBW"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginRight="10dp"
-            android:clickable="true"
-            android:src="@drawable/ic_lbw"
-            app:backgroundTint="#cc0099"
-            app:fabSize="mini"
-            app:rippleColor="#cc0099" />
+                <android.support.design.widget.FloatingActionButton
+                    android:id="@+id/diagramWater"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="10dp"
+                    android:clickable="true"
+                    android:src="@drawable/ic_water"
+                    app:backgroundTint="#33B5E5"
+                    app:fabSize="mini"
+                    app:rippleColor="#33B5E5" />
 
-        <android.support.design.widget.FloatingActionButton
-            android:id="@+id/diagramBone"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginRight="10dp"
-            android:clickable="true"
-            android:src="@drawable/ic_bone"
-            app:backgroundTint="#00cc9e"
-            app:fabSize="mini"
-            app:rippleColor="#00cc9e" />
+                <android.support.design.widget.FloatingActionButton
+                    android:id="@+id/diagramMuscle"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="10dp"
+                    android:clickable="true"
+                    android:src="@drawable/ic_muscle"
+                    app:backgroundTint="#99CC00"
+                    app:fabSize="mini"
+                    app:rippleColor="#99CC00" />
 
-        <android.support.design.widget.FloatingActionButton
-            android:id="@+id/diagramWaist"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginRight="10dp"
-            android:clickable="true"
-            android:src="@drawable/ic_waist"
-            app:backgroundTint="#FF00FF"
-            app:fabSize="mini"
-            app:rippleColor="#FF00FF" />
+                <android.support.design.widget.FloatingActionButton
+                    android:id="@+id/diagramLBW"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="10dp"
+                    android:clickable="true"
+                    android:src="@drawable/ic_lbw"
+                    app:backgroundTint="#cc0099"
+                    app:fabSize="mini"
+                    app:rippleColor="#cc0099" />
 
-        <android.support.design.widget.FloatingActionButton
-            android:id="@+id/diagramHip"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginRight="10dp"
-            android:clickable="true"
-            android:src="@drawable/ic_hip"
-            app:backgroundTint="#FFFF00"
-            app:fabSize="mini"
-            app:rippleColor="#FFFF00" />
+                <android.support.design.widget.FloatingActionButton
+                    android:id="@+id/diagramBone"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="10dp"
+                    android:clickable="true"
+                    android:src="@drawable/ic_bone"
+                    app:backgroundTint="#00cc9e"
+                    app:fabSize="mini"
+                    app:rippleColor="#00cc9e" />
 
-    </LinearLayout>
+                <android.support.design.widget.FloatingActionButton
+                    android:id="@+id/diagramWaist"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="10dp"
+                    android:clickable="true"
+                    android:src="@drawable/ic_waist"
+                    app:backgroundTint="#FF00FF"
+                    app:fabSize="mini"
+                    app:rippleColor="#FF00FF" />
+
+                <android.support.design.widget.FloatingActionButton
+                    android:id="@+id/diagramHip"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginRight="10dp"
+                    android:clickable="true"
+                    android:src="@drawable/ic_hip"
+                    app:backgroundTint="#FFFF00"
+                    app:fabSize="mini"
+                    app:rippleColor="#FFFF00" />
+
+            </LinearLayout>
+        </HorizontalScrollView>
 
     <LinearLayout
         android:layout_width="match_parent"