minor figcaption fixes

Author: danalvrz

packages/volto-iframe-block/locales/de/LC_MESSAGES/volto.po

@@ -63,10 +63,10 @@ msgstr "Seitenverhältnis beibehalten"
 msgid "Preserve aspect ratio based on initial width and height"
 msgstr "Seitenverhältnis basierend auf der ursprünglichen Breite und Höhe beibehalten"
 
-#. Default: "Provide an iFrame title for better accessibility for screenreaders (title will not be visible),"
+#. Default: "Provide an iFrame title for better accessibility,"
 #: components/schema
-msgid "Provide an iFrame title for better accessibility for screenreaders (title will not be visible),"
-msgstr "Geben Sie einen iFrame-Titel an, um die Zugänglichkeit für Screenreader zu verbessern (der Titel wird nicht angezeigt),"
+msgid "Provide an iFrame title for better accessibility,"
+msgstr "Geben Sie einen iFrame-Titel an, um die Barrierefreiheit zu verbessern,"
 
 #. Default: "Source"
 #: components/schema
@@ -86,12 +86,12 @@ msgstr "Geben Sie eine URL ein"
 #. Default: "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
 #: components/schema
 msgid "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
-msgstr "Die Werte werden in Pixeln (z.B. 100 oder 100px) oder Prozent (z.B. 100%) angegeben."
+msgstr "Werte können in Pixeln (z.B. "100" oder "100px") oder in Prozent (z.B. "100%") angegeben werden."
 
 #. Default: "Width"
 #: components/schema
 msgid "Width"
-msgstr "Weite"
+msgstr "Breite"
 
 #. Default: "see WCAG 2.1"
 #: components/schema

packages/volto-iframe-block/src/components/View.jsx

@@ -44,14 +44,18 @@ const IframeView = (props) => {
               )}
               {data.credit && (
                 <div className="credit">
-                  Credit:{' '}
+                  <FormattedMessage id="Credit" defaultMessage="Credit" />:
                   <div dangerouslySetInnerHTML={{ __html: data.credit.data }} />
                 </div>
               )}
             </figcaption>
           </figure>
         ) : (
-          isEditMode && <div className="invalid-url message"><FormattedMessage id="Invalid URL" defaultMessage="Invalid URL" /></div>
+          isEditMode && (
+            <div className="invalid-url message">
+              <FormattedMessage id="Invalid URL" defaultMessage="Invalid URL" />
+            </div>
+          )
         )}
       </div>
     </div>

packages/volto-iframe-block/src/theme/main.scss

@@ -32,18 +32,30 @@
   }
 
   .invalid-url {
-  padding: 1.5em;
-  background: #f9edbe;
-  text-align: center;
+    padding: 1.5em;
+    background: #f9edbe;
+    text-align: center;
   }
-
-
 }
 
 .block.iframe {
   figure {
     margin-right: auto;
     margin-left: auto;
+
+    figcaption {
+      .credit {
+        margin-top: 10px;
+        display: flex;
+        align-items: center;
+        & > div {
+          margin-left: 4px;
+          * {
+            font-size: inherit;
+          }
+        }
+      }
+    }
   }
   iframe {
     width: 100%;