- Text style name labels were added to the feed

- Horizontal margin was removed from the custom view section

library/src/main/java/com/cube/styleguide/adapter/viewholder/TextItemViewHolder.kt

@@ -5,12 +5,11 @@ import com.cube.styleguide.R
 import com.cube.styleguide.databinding.TextItemViewBinding
 
 class TextItemViewHolder(private val binding: TextItemViewBinding) : RecyclerView.ViewHolder(binding.root) {
-
 	fun populate(pair: Pair<String, Int>) {
-
 		val context = itemView.context
 		binding.apply {
-			headerTitle.text = context.getString(R.string.guidestyle_textstyle_name,pair.first )
+			sectionLabel.text = pair.first
+			headerTitle.text = context.getString(R.string.guidestyle_textstyle_name)
 			headerTitle.setTextAppearance(pair.second)
 		}
 	}

library/src/main/res/layout/fragment_style_guide.xml

@@ -367,14 +367,17 @@
 				android:orientation="vertical"
 				android:visibility="gone"
 				app:header="@string/guidestyle_custom_views"
-				tools:visibility="visible">
+				tools:visibility="visible"
+				android:clipChildren="false"
+				android:clipToPadding="false">
 
 				<LinearLayout
 					android:layout_width="match_parent"
 					android:layout_height="wrap_content"
 					android:id="@+id/custom_views"
-					android:layout_marginHorizontal="@dimen/guidestyle_xlarge_spacing"
-					android:orientation="vertical">
+					android:orientation="vertical"
+					android:clipChildren="false"
+					android:clipToPadding="false">
 				</LinearLayout>
 			</com.cube.styleguide.views.ExpandableView>
 		</LinearLayout>

library/src/main/res/layout/text_item_view.xml

@@ -1,12 +1,32 @@
 <?xml version="1.0" encoding="utf-8"?>
+<LinearLayout 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="wrap_content"
+			  android:orientation="vertical">
 
-<TextView
-	xmlns:android="http://schemas.android.com/apk/res/android"
-	xmlns:tools="http://schemas.android.com/tools"
-	android:layout_width="match_parent"
-	android:layout_height="wrap_content"
-	android:id="@+id/header_title"
-	style="@style/GuideStyleBody"
-	android:layout_marginVertical="8dp"
-	tools:text="100" />
+	<TextView
+		android:layout_width="wrap_content"
+		android:layout_height="wrap_content"
+		android:id="@+id/section_label"
+		style="@style/GuideStyleCaption"
+		android:background="@color/guidestyle_black"
+		android:layout_gravity="start"
+		android:layout_marginTop="@dimen/guidestyle_largest_spacing"
+		tools:text="@string/guidestyle_enabled" />
+
+	<com.google.android.material.divider.MaterialDivider
+		android:layout_width="match_parent"
+		android:layout_height="1dp"
+		app:dividerColor="@color/guidestyle_grey" />
+
+	<TextView
+		android:layout_width="match_parent"
+		android:layout_height="wrap_content"
+		android:id="@+id/header_title"
+		style="@style/GuideStyleBody"
+		android:layout_marginVertical="8dp"
+		tools:text="100" />
+</LinearLayout>
 

library/src/main/res/values/strings.xml

@@ -14,7 +14,7 @@
 	<string name="guidestyle_radiobuttons">RadioButtons</string>
 	<string name="guidestyle_checkbox">Checkbox</string>
 	<string name="guidestyle_ui_style_guide">UI Style Guide</string>
-	<string name="guidestyle_textstyle_name">%s: The quick brown fox jumps over the lazy dog</string>
+	<string name="guidestyle_textstyle_name">The quick brown fox jumps over the lazy dog</string>
 	<string name="guidestyle_custom_views">Custom Views</string>
 	<string name="guidestyle_failed_to_load_the_package">Failed to load the package: %s</string>
 	<string name="guidestyle_switch">Switch Buttons</string>