Layout refresh for plugin settings page (#2490)

Co-authored-by: Richard Schreiber <schreiber@rami.io>

src/pretix/plugins/stripe/apps.py

@@ -35,8 +35,11 @@ class StripeApp(AppConfig):
         author = _("the pretix team")
         version = version
         category = 'PAYMENT'
-        description = _("This plugin allows you to receive credit card payments " +
-                        "via Stripe")
+        featured = True
+        picture = 'pretixplugins/stripe/stripe_logo.svg'
+        description = _("Accept payments via Stripe, a globally popular payment service provider. Stripe supports "
+                        "payments via credit cards as well as many local payment methods such as giropay, iDEAL, Alipay,"
+                        "and many more.")
 
     def ready(self):
         from . import signals, tasks  # NOQA

src/pretix/plugins/stripe/static/pretixplugins/stripe/stripe_logo.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 360 149.8"
+   xml:space="preserve"
+   sodipodi:docname="stripe_logo.svg"
+   width="360"
+   height="149.8"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs23" /><sodipodi:namedview
+   id="namedview21"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="2.3269231"
+   inkscape:cx="55.652893"
+   inkscape:cy="75.206612"
+   inkscape:window-width="2560"
+   inkscape:window-height="1440"
+   inkscape:window-x="2560"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<style
+   type="text/css"
+   id="style2">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#635BFF;}
+</style>
+<g
+   id="g18"
+   transform="translate(-54,-36)">
+	<path
+   class="st0"
+   d="m 414,113.4 c 0,-25.6 -12.4,-45.8 -36.1,-45.8 -23.8,0 -38.2,20.2 -38.2,45.6 0,30.1 17,45.3 41.4,45.3 11.9,0 20.9,-2.7 27.7,-6.5 v -20 c -6.8,3.4 -14.6,5.5 -24.5,5.5 -9.7,0 -18.3,-3.4 -19.4,-15.2 h 48.9 c 0,-1.3 0.2,-6.5 0.2,-8.9 z m -49.4,-9.5 c 0,-11.3 6.9,-16 13.2,-16 6.1,0 12.6,4.7 12.6,16 z"
+   id="path4" />
+	<path
+   class="st0"
+   d="m 301.1,67.6 c -9.8,0 -16.1,4.6 -19.6,7.8 l -1.3,-6.2 h -22 v 116.6 l 25,-5.3 0.1,-28.3 c 3.6,2.6 8.9,6.3 17.7,6.3 17.9,0 34.2,-14.4 34.2,-46.1 -0.1,-29 -16.6,-44.8 -34.1,-44.8 z m -6,68.9 c -5.9,0 -9.4,-2.1 -11.8,-4.7 l -0.1,-37.1 c 2.6,-2.9 6.2,-4.9 11.9,-4.9 9.1,0 15.4,10.2 15.4,23.3 0,13.4 -6.2,23.4 -15.4,23.4 z"
+   id="path6" />
+	<polygon
+   class="st0"
+   points="248.9,36 223.8,41.3 223.8,61.7 248.9,56.3 "
+   id="polygon8" />
+	<rect
+   x="223.8"
+   y="69.300003"
+   class="st0"
+   width="25.1"
+   height="87.5"
+   id="rect10" />
+	<path
+   class="st0"
+   d="m 196.9,76.7 -1.6,-7.4 h -21.6 v 87.5 h 25 V 97.5 c 5.9,-7.7 15.9,-6.3 19,-5.2 v -23 c -3.2,-1.2 -14.9,-3.4 -20.8,7.4 z"
+   id="path12" />
+	<path
+   class="st0"
+   d="m 146.9,47.6 -24.4,5.2 -0.1,80.1 c 0,14.8 11.1,25.7 25.9,25.7 8.2,0 14.2,-1.5 17.5,-3.3 V 135 c -3.2,1.3 -19,5.9 -19,-8.9 V 90.6 h 19 V 69.3 h -19 z"
+   id="path14" />
+	<path
+   class="st0"
+   d="m 79.3,94.7 c 0,-3.9 3.2,-5.4 8.5,-5.4 7.6,0 17.2,2.3 24.8,6.4 V 72.2 C 104.3,68.9 96.1,67.6 87.8,67.6 67.5,67.6 54,78.2 54,95.9 c 0,27.6 38,23.2 38,35.1 0,4.6 -4,6.1 -9.6,6.1 -8.3,0 -18.9,-3.4 -27.3,-8 v 23.8 c 9.3,4 18.7,5.7 27.3,5.7 20.8,0 35.1,-10.3 35.1,-28.2 -0.1,-29.8 -38.2,-24.5 -38.2,-35.7 z"
+   id="path16" />
+</g>
+</svg>