implement login screen layout.

app/src/main/java/chat/rocket/android/view/AbstractCustomFontButton.java

+package chat.rocket.android.view;
+
+import android.content.Context;
+import android.graphics.Typeface;
+import android.support.v7.widget.AppCompatButton;
+import android.util.AttributeSet;
+import android.view.Gravity;
+
+abstract class AbstractCustomFontButton extends AppCompatButton {
+
+  public AbstractCustomFontButton(Context context, AttributeSet attrs, int defStyle) {
+    super(context, attrs, defStyle);
+    init();
+  }
+
+  public AbstractCustomFontButton(Context context, AttributeSet attrs) {
+    super(context, attrs);
+    init();
+  }
+
+  public AbstractCustomFontButton(Context context) {
+    super(context);
+    init();
+  }
+
+  protected abstract String getFont();
+
+  private void init() {
+    String font = getFont();
+    if (font != null) {
+      Typeface typeface = TypefaceHelper.getTypeface(getContext(), font);
+      if (typeface != null) {
+        setTypeface(typeface);
+      }
+    }
+    setMinWidth(0);
+    setMinHeight(0);
+    setGravity(Gravity.CENTER);
+  }
+}

app/src/main/java/chat/rocket/android/view/FontAwesomeButton.java

+package chat.rocket.android.view;
+
+import android.content.Context;
+import android.util.AttributeSet;
+
+/**
+ * Button with font-awesome text.
+ */
+public class FontAwesomeButton extends AbstractCustomFontButton {
+  public FontAwesomeButton(Context context, AttributeSet attrs, int defStyle) {
+    super(context, attrs, defStyle);
+  }
+
+  public FontAwesomeButton(Context context, AttributeSet attrs) {
+    super(context, attrs);
+  }
+
+  public FontAwesomeButton(Context context) {
+    super(context);
+  }
+
+  @Override protected String getFont() {
+    return "fontawesome-webfont.ttf";
+  }
+}

app/src/main/res/layout/fragment_login.xml

@@ -23,10 +23,34 @@
         android:orientation="vertical"
         >
 
+      <LinearLayout
+          android:layout_width="match_parent"
+          android:layout_height="wrap_content"
+          android:orientation="horizontal"
+          >
+        <chat.rocket.android.view.FontAwesomeButton
+            android:id="@+id/btn_login_with_twitter"
+            android:layout_width="48dp"
+            android:layout_height="48dp"
+            android:text="@string/fa_twitter"
+            android:textSize="16dp"
+            android:layout_marginEnd="@dimen/margin_8"
+            />
+        <chat.rocket.android.view.FontAwesomeButton
+            android:id="@+id/btn_login_with_github"
+            android:layout_width="48dp"
+            android:layout_height="48dp"
+            android:text="@string/fa_github"
+            android:textSize="16dp"
+            android:layout_marginEnd="@dimen/margin_8"
+            />
+      </LinearLayout>
+
       <android.support.design.widget.TextInputLayout
           android:id="@+id/text_input_username"
           android:layout_width="match_parent"
-          android:layout_height="wrap_content">
+          android:layout_height="wrap_content"
+          >
 
         <android.support.design.widget.TextInputEditText
             android:id="@+id/editor_username"
@@ -35,7 +59,8 @@
             android:hint="username or email"
             android:imeOptions="actionNext"
             android:inputType="textWebEmailAddress"
-            android:singleLine="true"/>
+            android:singleLine="true"
+            />
       </android.support.design.widget.TextInputLayout>
 
       <Space
@@ -47,7 +72,8 @@
           android:id="@+id/text_input_passwd"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
-          app:passwordToggleEnabled="true">
+          app:passwordToggleEnabled="true"
+          >
 
         <android.support.design.widget.TextInputEditText
             android:id="@+id/editor_passwd"
@@ -56,7 +82,8 @@
             android:hint="password"
             android:imeOptions="actionNext"
             android:inputType="textWebPassword"
-            android:singleLine="true"/>
+            android:singleLine="true"
+            />
       </android.support.design.widget.TextInputLayout>
 
     </LinearLayout>
@@ -67,7 +94,7 @@
         />
 
     <android.support.design.widget.FloatingActionButton
-        android:id="@+id/btn_connect"
+        android:id="@+id/btn_login"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="end|bottom"

app/src/main/res/values/fa_strings.xml

 <?xml version="1.0" encoding="utf-8"?>
 <resources>
   <string name="fa_chevron_down" translatable="false">&#xf078;</string>
+  <string name="fa_twitter" translatable="false">&#xf099;</string>
+  <string name="fa_github" translatable="false">&#xf09b;</string>
 </resources>
\ No newline at end of file