如何在Android中创建一个Toolbar看起来像这个iOS例子的按钮?

如何在一个布局中相互获得两个RecyclerView?我不想为所有项目都有一个RecyclerView.我的代码:
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:background="@color/main__item_background"
android:layout_height="match_parent"
android:layout_width="match_parent">
<TextView
android:text="@string/find_friends__already_playing"
android:background="@color/header"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="@dimen/list_header"
android:visibility="visible"/>
<android.support.v7.widget.RecyclerView
android:id="@+id/in_app_friends"
android:layout_height="wrap_content"
android:layout_width="wrap_content"/>
<TextView
android:text="@string/find_friends__invite_friends"
android:background="@color/find_friends__header"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="@dimen/list_header" />
<android.support.v7.widget.RecyclerView
android:id="@+id/friends_to_invite"
android:layout_height="wrap_content"
android:layout_width="wrap_content" />
</LinearLayout>
Run Code Online (Sandbox Code Playgroud) 我见过的解决方法LinearLayoutManager,但没有GridLayoutManager.有任何想法吗?
我想要的按钮:

我试过这个,但它不起作用:
button {
font-family: 'Ubuntu', sans-serif;
font-size: 1em;
font-weight: bold;
color: white;
border: 3px double #f26700;
background: #f26700;
}
Run Code Online (Sandbox Code Playgroud)
如何用CSS显示这条白线?