Update tab and language icon style for long text (#4429)

* Update tab and language icon style for long text

* Fix lint

* Remove paddings and use textViewCompat utility

* Use match_parent instead

* Revert: dont use match_parent

* Adding padding back

* Adding horizontal padding only

* Set to 10

---------

Co-authored-by: Dmitry Brant <[email protected]>

Author: cooltey

app/src/main/java/org/wikipedia/views/LangCodeView.kt

@@ -10,6 +10,7 @@ import android.widget.FrameLayout
 import androidx.annotation.ColorInt
 import androidx.core.content.res.use
 import androidx.core.view.ViewCompat
+import androidx.core.widget.TextViewCompat
 import org.wikipedia.R
 import org.wikipedia.databinding.ViewLangCodeBinding
 import org.wikipedia.language.LanguageUtil
@@ -41,8 +42,7 @@ class LangCodeView(context: Context, attrs: AttributeSet? = null) : FrameLayout(
 
     fun setLangCode(langCode: String) {
         binding.langCodeText.text = LanguageUtil.formatLangCodeForButton(langCode.uppercase())
-        val textSize = if (langCode.length > 2) 5f else 10f
-        binding.langCodeText.setTextSize(TypedValue.COMPLEX_UNIT_SP, textSize)
+        TextViewCompat.setAutoSizeTextTypeUniformWithConfiguration(binding.langCodeText, 1, 10, 1, TypedValue.COMPLEX_UNIT_SP)
     }
 
     fun setTextColor(@ColorInt textColor: Int) {

app/src/main/java/org/wikipedia/views/TabCountsView.kt

@@ -7,6 +7,7 @@ import android.view.LayoutInflater
 import android.view.ViewGroup
 import android.view.animation.AnimationUtils
 import android.widget.FrameLayout
+import androidx.core.widget.TextViewCompat
 import org.wikipedia.R
 import org.wikipedia.WikipediaApp
 import org.wikipedia.databinding.ViewTabsCountBinding
@@ -26,8 +27,7 @@ class TabCountsView(context: Context, attrs: AttributeSet? = null) : FrameLayout
     fun updateTabCount(animation: Boolean) {
         val count = WikipediaApp.instance.tabCount
         binding.tabsCountText.text = count.toString()
-        val tabTextSize = if (count > 99) 5f else 10f
-        binding.tabsCountText.setTextSize(TypedValue.COMPLEX_UNIT_SP, tabTextSize)
+        TextViewCompat.setAutoSizeTextTypeUniformWithConfiguration(binding.tabsCountText, 7, 10, 1, TypedValue.COMPLEX_UNIT_SP)
         if (animation) {
             startAnimation(AnimationUtils.loadAnimation(context, R.anim.tab_list_zoom_enter))
         }

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

@@ -6,8 +6,8 @@
 
     <TextView
         android:id="@+id/langCodeText"
-        android:layout_width="19dp"
-        android:layout_height="18dp"
+        android:layout_width="21dp"
+        android:layout_height="20dp"
         android:layout_gravity="center"
         android:layout_marginStart="14.5dp"
         android:layout_marginEnd="14.5dp"
@@ -19,5 +19,6 @@
         android:textAlignment="center"
         android:textColor="?attr/primary_color"
         android:textSize="10sp"
+        android:paddingHorizontal="2dp"
         tools:text="ZH-\nHANT" />
 </merge>

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

@@ -6,8 +6,8 @@
 
     <TextView
         android:id="@+id/tabsCountText"
-        android:layout_width="19dp"
-        android:layout_height="18dp"
+        android:layout_width="21dp"
+        android:layout_height="20dp"
         android:layout_gravity="center"
         android:layout_marginStart="14.5dp"
         android:layout_marginEnd="14.5dp"
@@ -19,5 +19,6 @@
         android:textAlignment="center"
         android:textColor="?attr/primary_color"
         android:textSize="10sp"
+        android:paddingHorizontal="2dp"
         tools:text="3" />
 </merge>