Step 4: Updating Design of the App

1. Give the left side of the Toast button and the right side of the Random button a margin of 24dp. You do this by using the Constraint Widget in the Attributes panel. Change the number on the side of the button that you are trying to change to 24. 

1. Remove the background color of the TextView by either clearing the value in the Attributes panel or removing the android:background attribute in the XML code. This should make the background transparent. 

2. Increase the text size in TextView to 72sp. 

android:textSize="72sp"

3. If the font-family of the TextView is not sans-serif change it to sans-serif.

4. Add app:layout_constraintVertical_bias to the TextView. This biases the position upwards a little so that it is more evenly vertically spaced. Adjust this value how you want. You could also go to the constraint Widget and adjust the sliders however you want. 

5. Ensure the layout_width is wrap_content and the horizontal bias is 50. The XML code should look like   

 app:layout-constraintHorizon_bias="0.5"

Run the app to make sure all of the updates worked. 

This is what your app should look like (colors might vary):