#26262 Adding UI fixes

core-web/apps/dotcms-ui/src/app/portlets/dot-edit-page/seo/components/dot-results-seo-tool/dot-results-seo-tool.component.scss

@@ -164,7 +164,6 @@
     }
 
     .results-seo-tool__read-more-label {
-        display: flex;
         span {
             display: inline-flex;
             padding: 0 $spacing-0;

dotCMS/src/main/webapp/WEB-INF/messages/Language.properties

@@ -5487,3 +5487,35 @@ seo.rules.twitter-image.more.one.found=more than 1 twitter:image meta tag found!
 seo.rules.twitter-image.more.one.found.empty=twitter:image meta tag found, but is empty!
 seo.rules.twitter-image.found=twitter:image meta tag found, with an appropriate sized image!
 seo.rules.twitter-image.over=twitter:image meta tag found, but image is over 5 MB.
+
+seo.rules.read-more.facebook.learn = Learn more about <span><a target="_blank" href="https://ogp.me/">The Open Graph Protocol.</a> <i class="pi pi-external-link"></i></span>
+seo.rules.read-more.facebook.sharing = Explore the <span><a target="_blank" href="https://developers.facebook.com/tools/debug/">Sharing Debugger - Meta for Developers</a> <i class="pi pi-external-link"></i></span>
+seo.rules.read-more.facebook.title = Ensure that your <code>og:title</code> content is between 55 and 150 characters.
+seo.rules.read-more.facebook.title.unique = Keep in mind that your <code>og:title</code> content should be unique across your site.
+seo.rules.read-more.facebook.title.sizes = Optimize your <code>og:image</code> sizes to be under 1200 x 630 pixels.
+seo.rules.read-more.facebook.og-image = Make sure your <code>og:image</code> file sizes are under 8 MB.
+seo.rules.read-more.facebook.social = Read more about social media tile <span><a target="_blank" href="https://blog.hootsuite.com/social-media-image-sizes-guide/">image sizes</a> <i class="pi pi-external-link"></i></span>
+
+seo.rules.read-more.twitter.learn = Read more about <span><a target="_blank" href="https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards">About Twitter Cards</a> <i class="pi pi-external-link"></i></span> on the Twitter Developer Platform,
+seo.rules.read-more.twitter.suggest = Suggest using the <code>twitter:card</code> value of <span><a target="_blank" href="https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image">summary_large_image</a> <i class="pi pi-external-link"></i></span> for most content, which uses a 16:9 image aspect ratio; this is similar to other social media cards.
+seo.rules.read-more.twitter.twitter-card = A <code>twitter:card</code> value of summary corresponds instead to a 1:1 image.
+seo.rules.read-more.twitter.twitter-title = <code>twitter:title</code> content should be between 30 and 70 characters.
+seo.rules.read-more.twitter.twitter-title.content = <code>twitter:title</code> content should be unique across your site.
+seo.rules.read-more.twitter.length = The length of the description allowed will depend on the reader's device size; on the smallest size only about 110 characters are allowed. Longer descriptions will show up with some sort of "read more" or "expand" option.,
+seo.rules.read-more.twitter.twitter-image = <code>twitter:image</code> content should be in JPG, PNG, WEBP, or GIF format.
+seo.rules.read-more.twitter.twitter-image.aspect = <code>twitter:image</code> content should use a 16:9 aspect ratio, with a max of 1200 x 675 pixels.
+seo.rules.read-more.twitter.twitter-image.content = <code>twitter:image</code> content should be smaller than 5MB.
+seo.rules.read-more.twitter.twitter-image.social = Read more about social media tile <span><a target="_blank" href="https://blog.hootsuite.com/social-media-image-sizes-guide/">image sizes</a> <i class="pi pi-external-link"></i></span>
+
+seo.rules.read-more.linkedin.learn = LinkedIn’s <span><a target="_blank"  href="https://www.linkedin.com/post-inspector/">Post Inspector</a> <i class="pi pi-external-link"></i></span> Tool
+seo.rules.read-more.linkedin.meta = Meta Tags: Getting Them Right for <span><a target="_blank" href="https://www.linkedin.com/pulse/meta-tags-getting-them-right-linkedin-evelyn-pei/">LinkedIn.</a> <i class="pi pi-external-link"></i></span>
+seo.rules.read-more.linkedin.summary = Read more about social media tile <span><a target="_blank" href="https://blog.hootsuite.com/social-media-image-sizes-guide/">image sizes</a> <i class="pi pi-external-link"></i></span>
+
+seo.rules.read-more.google.favicons = Favicons should be <span><a target="_blank" href="https://favicon.io/">.ico</a> <i class="pi pi-external-link"></i></span> files.
+seo.rules.read-more.google.title = HTML Title content should be between 30 and 60 characters.
+seo.rules.read-more.google.title.unique = HTML Title content should be unique per page across your site.
+seo.rules.read-more.google.description = Meta Description tags should be under 160 characters.
+seo.rules.read-more.google.length = The length of the Description allowed will depend on the reader's device size; on the smallest size only about 110 characters are allowed. Longer descriptions will show up with some sort of "read more" or "expand" option.
+seo.rules.read-more.google.meta-tags = <span>Meta Tags for SEO: A Simple Guide for Beginners <i class="pi pi-external-link"></i></span>
+seo.rules.read-more.google.meta-description =  <span>What Are Meta Descriptions And How to Write Them <i class="pi pi-external-link"></i></span>
+seo.rules.read-more.google.image-sizes = Read more about social media tile <span><a target="_blank" href="https://blog.hootsuite.com/social-media-image-sizes-guide/">image sizes</a></span>