From eef5c7a80dee014171c5a117ce9f51c231904961 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Wed, 25 Aug 2021 13:55:42 +0300
Subject: [PATCH] Refactor

---
 src/App.vue                      | 2 +-
 src/assets/styles/app/_news.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 191ce75e3..15c5ab179 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@
     <div class="layout-wrapper" :class="containerClass">
         <div class="layout-news" v-if="newsActive">
             <div class="layout-news-container">
-                <a href="https://www.primefaces.org/primeblocks-vue" target="_blank">
+                <a href="https://www.primefaces.org/primeblocks-vue" class="layouts-news-mockup" target="_blank">
                     <img class="layouts-news-mockup-image" src="./assets/images/topbar-primeblocks-device.png">
                 </a>
                 <a href="https://www.primefaces.org/primeblocks-vue" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
diff --git a/src/assets/styles/app/_news.scss b/src/assets/styles/app/_news.scss
index ab9fb86e7..c1e18c33a 100644
--- a/src/assets/styles/app/_news.scss
+++ b/src/assets/styles/app/_news.scss
@@ -17,6 +17,11 @@
         font-weight: bold;
         font-size: 20px;
 
+        .layouts-news-mockup {
+            display: inline-block;
+            overflow: hidden;
+        }
+
         img.layouts-news-mockup-image {
             height: 70px;
         }