Token gated documentation drawer ui fix (#19394)

src/quo/components/drawers/documentation_drawers/style.cljs

@@ -12,8 +12,9 @@
    :padding-horizontal 20})
 
 (def content
-  {:margin-top    8
-   :margin-bottom (+ (safe-area/get-bottom) 8)})
+  {:align-items   :flex-start
+   :margin-top    8
+   :margin-bottom (+ (safe-area/get-bottom) 12)})
 
 (defn title
   [theme]

src/quo/components/drawers/documentation_drawers/view.cljs

@@ -30,15 +30,16 @@
       :weight              :semi-bold}
      title]
     [rn/view {:style style/content :accessibility-label :documentation-drawer-content}
-     content]
-    (when show-button?
-      [button/button
-       {:size                24
-        :type                :outline
-        :background          (when shell? :blur)
-        :on-press            on-press-button
-        :accessibility-label :documentation-drawer-button
-        :icon-right          button-icon}
-       button-label])]])
+     content
+     (when show-button?
+       [button/button
+        {:size                24
+         :type                :outline
+         :container-style     {:margin-top 16}
+         :background          (when shell? :blur)
+         :on-press            on-press-button
+         :accessibility-label :documentation-drawer-button
+         :icon-right          button-icon}
+        button-label])]]])
 
 (def view (quo.theme/with-theme view-internal))

src/status_im/contexts/communities/overview/view.cljs

@@ -110,7 +110,7 @@
               :show-button? true
               :button-label (i18n/label :t/read-more)
               :button-icon  :info}
-             [quo/text (i18n/label :t/token-gated-communities-info)]])}])}
+             [quo/text {:size :paragraph-2} (i18n/label :t/token-gated-communities-info)]])}])}
      [rn/view
       [quo/icon :i/info {:color (colors/theme-colors colors/neutral-50 colors/neutral-40 theme)}]]]))