UI fixes

app/src/main/kotlin/org/koitharu/kotatsu/core/ui/widgets/BadgeView.kt

@@ -26,7 +26,7 @@ class BadgeView @JvmOverloads constructor(
 		}
 
 	init {
-		context.withStyledAttributes(attrs, R.styleable.BadgeView) {
+		context.withStyledAttributes(attrs, R.styleable.BadgeView, R.attr.badgeViewStyle) {
 			maxCharacterCount = getInt(R.styleable.BadgeView_maxCharacterCount, maxCharacterCount)
 			number = getInt(R.styleable.BadgeView_number, number)
 			val shape = ShapeAppearanceModel.builder(

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

@@ -22,7 +22,6 @@
 			android:layout_height="wrap_content"
 			android:layout_marginEnd="8dp"
 			android:baselineAligned="false"
-			android:gravity="center_vertical"
 			android:orientation="horizontal">
 
 			<com.google.android.material.tabs.TabLayout
@@ -30,7 +29,7 @@
 				style="@style/Widget.Material3.TabLayout.Secondary"
 				android:layout_width="0dp"
 				android:layout_height="wrap_content"
-				android:layout_gravity="start"
+				android:layout_gravity="start|center_vertical"
 				android:layout_weight="1"
 				android:background="@null"
 				app:tabGravity="start"
@@ -47,7 +46,7 @@
 				android:id="@+id/split_button_read"
 				android:layout_width="wrap_content"
 				android:layout_height="wrap_content"
-				android:layout_gravity="end">
+				android:layout_gravity="end|center_vertical">
 
 				<Button
 					android:id="@+id/button_read"

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

@@ -175,6 +175,7 @@
 		<item name="backgroundColor">?attr/colorError</item>
 		<item name="android:elegantTextHeight">false</item>
 		<item name="singleLine">true</item>
+		<item name="android:outlineProvider">background</item>
 	</style>
 
 	<style name="Widget.Kotatsu.ListItemTextView" parent="">