app layout

src/screens/HitParade/HitParade.js

@@ -23,9 +23,6 @@ const HitParade = () => {
     condition: true,
   });
   const { data: topPlaybacks } = useDataFromRef({
-    // Firestore n'autorise pas 2 inégalités (>, <, >=, <=, !=) sur des champs différents.
-    // On ne garde qu'une inégalité côté requête (views > 0) et on filtre ensuite côté client.
-    // On surdimensionne le limit pour s'assurer d'obtenir 10 playbacks après filtrage.
     ref: projectsRef.where("views", ">", 0).orderBy("views", "desc").limit(50),
     format: (docs) => docs.filter((d) => d?.playbackUrl != null).slice(0, 10),
     simpleRef: false,
@@ -76,7 +73,7 @@ const HitParade = () => {
             style={{
               ...Style.containerRow,
               justifyContent: "space-between",
-              gap: "10%",
+              // gap: "5%",
               width: "auto",
             }}
           >
@@ -88,7 +85,7 @@ const HitParade = () => {
                 onPress={() => setSelected(item)}
                 tint={selected === item ? "light" : "dark"}
                 containerStyle={{
-                  width: "50%",
+                  width: "47%",
                 }}
                 titleStyle={{
                   fontSize: 16,