fix: Responsive issue in Docs pages

docs/_data/discuss/nighthawk.json

@@ -1 +1 @@
-{"users":[{"id":3,"username":"Lee","name":"Lee Calcote","avatar_template":"/user_avatar/discuss.layer5.io/lee/{size}/7_2.png","flair_name":"Team","flair_url":"/uploads/default/original/2X/2/217d51a6a52fec6ed215c48ec60f366eb09c02da.png","flair_bg_color":"7FFFFFF","flair_group_id":42,"admin":true,"moderator":true,"trust_level":2},{"id":129,"username":"Yash_Kamboj","name":"Yash Kamboj","avatar_template":"/letter_avatar_proxy/v4/letter/y/ed8c4c/{size}.png","trust_level":0},{"id":17,"username":"navendu","name":"Navendu Pottekkat","avatar_template":"/user_avatar/discuss.layer5.io/navendu/{size}/247_2.png","trust_level":2},{"id":1651,"username":"Parth.Malaviya","name":"Parth Malaviya","avatar_template":"/letter_avatar_proxy/v4/letter/p/ecd19e/{size}.png","trust_level":1},{"id":1701,"username":"Akhilender_Bongirwar","name":"Akhilender Bongirwar","avatar_template":"/user_avatar/discuss.layer5.io/akhilender_bongirwar/{size}/1642_2.png","trust_level":2},{"id":736,"username":"gopi.vaibhav","name":"Gopi Vaibhav","avatar_template":"/user_avatar/discuss.layer5.io/gopi.vaibhav/{size}/1671_2.png","trust_level":1},{"id":132,"username":"asubedy","name":"Aaditya Narayan Subedy","avatar_template":"/user_avatar/discuss.layer5.io/asubedy/{size}/248_2.png","trust_level":2},{"id":621,"username":"Yash_Sharma","name":"Yash Sharma","avatar_template":"/user_avatar/discuss.layer5.io/yash_sharma/{size}/579_2.png","trust_level":2}],"primary_groups":[],"flair_groups":[{"id":42,"name":"Team","flair_url":"/uploads/default/original/2X/2/217d51a6a52fec6ed215c48ec60f366eb09c02da.png","flair_bg_color":"7FFFFFF","flair_color":""}],"topic_list":{"can_create_topic":false,"per_page":30,"top_tags":["meshery","community","meetings","layer5","doubt","websites","meshmate","mesheryctl","meshery-ui","meshmap","weekly-summary","docs","newcomers","ux","error","meshery-adapter","devops","kubernetes","sistent","models","reactjs","announcements","cicd","components","discussion","docker-desktop","help","meshmodel","nighthawk","playground","setup-issue"],"tags":[{"id":82,"name":"nighthawk","topic_count":3,"staff":false,"description":null}],"topics":[{"id":4732,"title":"New Meshery Nighthawk adapter makes its first appearance in Meshery UI","fancy_title":"New Meshery Nighthawk adapter makes its first appearance in Meshery UI","slug":"new-meshery-nighthawk-adapter-makes-its-first-appearance-in-meshery-ui","posts_count":2,"reply_count":0,"highest_post_number":2,"image_url":"https://discuss.layer5.io/uploads/default/original/2X/c/cb554efad9e8eafaec7fac6333cb0353949bf92c.png","created_at":"2024-02-28T05:25:20.925Z","last_posted_at":"2024-03-27T19:44:19.707Z","bumped":true,"bumped_at":"2024-03-27T19:44:19.707Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":406,"height":150,"url":"https://discuss.layer5.io/uploads/default/original/2X/c/cb554efad9e8eafaec7fac6333cb0353949bf92c.png"},{"max_width":400,"max_height":400,"width":400,"height":147,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/c/cb554efad9e8eafaec7fac6333cb0353949bf92c_2_400x147.png"},{"max_width":300,"max_height":300,"width":300,"height":110,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/c/cb554efad9e8eafaec7fac6333cb0353949bf92c_2_300x110.png"},{"max_width":200,"max_height":200,"width":200,"height":73,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/c/cb554efad9e8eafaec7fac6333cb0353949bf92c_2_200x73.png"}],"tags":["meshery-adapter","nighthawk"],"tags_descriptions":{},"views":136,"like_count":3,"has_summary":false,"last_poster_username":"Lee","category_id":6,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":3,"primary_group_id":null,"flair_group_id":42}]},{"id":278,"title":"How to setup getnighthawk.dev website development server?","fancy_title":"How to setup getnighthawk.dev website development server?","slug":"how-to-setup-getnighthawk-dev-website-development-server","posts_count":6,"reply_count":3,"highest_post_number":6,"image_url":null,"created_at":"2021-12-13T17:36:09.632Z","last_posted_at":"2023-08-30T07:31:34.545Z","bumped":true,"bumped_at":"2023-08-30T07:31:34.545Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":["nighthawk"],"tags_descriptions":{},"views":716,"like_count":6,"has_summary":false,"last_poster_username":"Akhilender_Bongirwar","category_id":8,"pinned_globally":false,"featured_link":null,"has_accepted_answer":true,"posters":[{"extras":null,"description":"Original Poster","user_id":129,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster, Accepted Answer","user_id":3,"primary_group_id":null,"flair_group_id":42},{"extras":null,"description":"Frequent Poster","user_id":17,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":1651,"primary_group_id":null,"flair_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":1701,"primary_group_id":null,"flair_group_id":null}]},{"id":3356,"title":"While Setting up development server using make site command returning some error","fancy_title":"While Setting up development server using make site command returning some error","slug":"while-setting-up-development-server-using-make-site-command-returning-some-error","posts_count":18,"reply_count":7,"highest_post_number":18,"image_url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_1024x134.png","created_at":"2023-08-11T20:43:47.361Z","last_posted_at":"2023-08-30T06:30:00.616Z","bumped":true,"bumped_at":"2023-08-30T06:30:00.616Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1143,"height":150,"url":"https://discuss.layer5.io/uploads/default/original/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1.png"},{"max_width":1024,"max_height":1024,"width":1024,"height":134,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_1024x134.png"},{"max_width":800,"max_height":800,"width":800,"height":104,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_800x104.png"},{"max_width":600,"max_height":600,"width":600,"height":78,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_600x78.png"},{"max_width":400,"max_height":400,"width":400,"height":52,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_400x52.png"},{"max_width":300,"max_height":300,"width":300,"height":39,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_300x39.png"},{"max_width":200,"max_height":200,"width":200,"height":26,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_200x26.png"}],"tags":["community","doubt","nighthawk"],"tags_descriptions":{},"views":668,"like_count":3,"has_summary":false,"last_poster_username":"Parth.Malaviya","category_id":8,"pinned_globally":false,"featured_link":null,"has_accepted_answer":true,"posters":[{"extras":"latest","description":"Original Poster, Most Recent Poster","user_id":1651,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster, Accepted Answer","user_id":736,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":132,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":621,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":1701,"primary_group_id":null,"flair_group_id":null}]}]}}
+{"users":[{"id":3,"username":"Lee","name":"Lee Calcote","avatar_template":"/user_avatar/discuss.layer5.io/lee/{size}/7_2.png","flair_name":"Team","flair_url":"/uploads/default/original/2X/2/217d51a6a52fec6ed215c48ec60f366eb09c02da.png","flair_bg_color":"7FFFFFF","flair_group_id":42,"admin":true,"moderator":true,"trust_level":2},{"id":129,"username":"Yash_Kamboj","name":"Yash Kamboj","avatar_template":"/letter_avatar_proxy/v4/letter/y/ed8c4c/{size}.png","trust_level":0},{"id":17,"username":"navendu","name":"Navendu Pottekkat","avatar_template":"/user_avatar/discuss.layer5.io/navendu/{size}/247_2.png","trust_level":2},{"id":1651,"username":"Parth.Malaviya","name":"Parth Malaviya","avatar_template":"/letter_avatar_proxy/v4/letter/p/ecd19e/{size}.png","trust_level":1},{"id":1701,"username":"Akhilender_Bongirwar","name":"Akhilender Bongirwar","avatar_template":"/user_avatar/discuss.layer5.io/akhilender_bongirwar/{size}/1642_2.png","trust_level":2},{"id":736,"username":"gopi.vaibhav","name":"Gopi Vaibhav","avatar_template":"/user_avatar/discuss.layer5.io/gopi.vaibhav/{size}/1671_2.png","trust_level":1},{"id":132,"username":"asubedy","name":"Aaditya Narayan Subedy","avatar_template":"/user_avatar/discuss.layer5.io/asubedy/{size}/248_2.png","trust_level":2},{"id":621,"username":"Yash_Sharma","name":"Yash Sharma","avatar_template":"/user_avatar/discuss.layer5.io/yash_sharma/{size}/579_2.png","trust_level":2}],"primary_groups":[],"flair_groups":[{"id":42,"name":"Team","flair_url":"/uploads/default/original/2X/2/217d51a6a52fec6ed215c48ec60f366eb09c02da.png","flair_bg_color":"7FFFFFF","flair_color":""}],"topic_list":{"can_create_topic":false,"per_page":30,"top_tags":["meshery","community","meetings","layer5","doubt","websites","meshmate","mesheryctl","meshery-ui","meshmap","weekly-summary","docs","newcomers","error","meshery-adapter","ux","devops","sistent","kubernetes","models","reactjs","announcements","cicd","discussion","docker-desktop","help","meshmodel","nighthawk","playground","blogpost","ci"],"tags":[{"id":82,"name":"nighthawk","topic_count":3,"staff":false,"description":null}],"topics":[{"id":4732,"title":"New Meshery Nighthawk adapter makes its first appearance in Meshery UI","fancy_title":"New Meshery Nighthawk adapter makes its first appearance in Meshery UI","slug":"new-meshery-nighthawk-adapter-makes-its-first-appearance-in-meshery-ui","posts_count":2,"reply_count":0,"highest_post_number":2,"image_url":"https://discuss.layer5.io/uploads/default/original/2X/c/cb554efad9e8eafaec7fac6333cb0353949bf92c.png","created_at":"2024-02-28T05:25:20.925Z","last_posted_at":"2024-03-27T19:44:19.707Z","bumped":true,"bumped_at":"2024-03-27T19:44:19.707Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":406,"height":150,"url":"https://discuss.layer5.io/uploads/default/original/2X/c/cb554efad9e8eafaec7fac6333cb0353949bf92c.png"},{"max_width":400,"max_height":400,"width":400,"height":147,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/c/cb554efad9e8eafaec7fac6333cb0353949bf92c_2_400x147.png"},{"max_width":300,"max_height":300,"width":300,"height":110,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/c/cb554efad9e8eafaec7fac6333cb0353949bf92c_2_300x110.png"},{"max_width":200,"max_height":200,"width":200,"height":73,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/c/cb554efad9e8eafaec7fac6333cb0353949bf92c_2_200x73.png"}],"tags":["meshery-adapter","nighthawk"],"tags_descriptions":{},"views":133,"like_count":3,"has_summary":false,"last_poster_username":"Lee","category_id":6,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":3,"primary_group_id":null,"flair_group_id":42}]},{"id":278,"title":"How to setup getnighthawk.dev website development server?","fancy_title":"How to setup getnighthawk.dev website development server?","slug":"how-to-setup-getnighthawk-dev-website-development-server","posts_count":6,"reply_count":3,"highest_post_number":6,"image_url":null,"created_at":"2021-12-13T17:36:09.632Z","last_posted_at":"2023-08-30T07:31:34.545Z","bumped":true,"bumped_at":"2023-08-30T07:31:34.545Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":["nighthawk"],"tags_descriptions":{},"views":714,"like_count":6,"has_summary":false,"last_poster_username":"Akhilender_Bongirwar","category_id":8,"pinned_globally":false,"featured_link":null,"has_accepted_answer":true,"posters":[{"extras":null,"description":"Original Poster","user_id":129,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster, Accepted Answer","user_id":3,"primary_group_id":null,"flair_group_id":42},{"extras":null,"description":"Frequent Poster","user_id":17,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":1651,"primary_group_id":null,"flair_group_id":null},{"extras":"latest","description":"Most Recent Poster","user_id":1701,"primary_group_id":null,"flair_group_id":null}]},{"id":3356,"title":"While Setting up development server using make site command returning some error","fancy_title":"While Setting up development server using make site command returning some error","slug":"while-setting-up-development-server-using-make-site-command-returning-some-error","posts_count":18,"reply_count":7,"highest_post_number":18,"image_url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_1024x134.png","created_at":"2023-08-11T20:43:47.361Z","last_posted_at":"2023-08-30T06:30:00.616Z","bumped":true,"bumped_at":"2023-08-30T06:30:00.616Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":1143,"height":150,"url":"https://discuss.layer5.io/uploads/default/original/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1.png"},{"max_width":1024,"max_height":1024,"width":1024,"height":134,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_1024x134.png"},{"max_width":800,"max_height":800,"width":800,"height":104,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_800x104.png"},{"max_width":600,"max_height":600,"width":600,"height":78,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_600x78.png"},{"max_width":400,"max_height":400,"width":400,"height":52,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_400x52.png"},{"max_width":300,"max_height":300,"width":300,"height":39,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_300x39.png"},{"max_width":200,"max_height":200,"width":200,"height":26,"url":"https://discuss.layer5.io/uploads/default/optimized/2X/5/5288c2d5ba8544e7f3371fbba645ffa4ed40a0f1_2_200x26.png"}],"tags":["community","doubt","nighthawk"],"tags_descriptions":{},"views":639,"like_count":3,"has_summary":false,"last_poster_username":"Parth.Malaviya","category_id":8,"pinned_globally":false,"featured_link":null,"has_accepted_answer":true,"posters":[{"extras":"latest","description":"Original Poster, Most Recent Poster","user_id":1651,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster, Accepted Answer","user_id":736,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":132,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":621,"primary_group_id":null,"flair_group_id":null},{"extras":null,"description":"Frequent Poster","user_id":1701,"primary_group_id":null,"flair_group_id":null}]}]}}

docs/_includes/footer.html

@@ -17,8 +17,7 @@
 								{{ link.name }}</a></li>
 						{% endfor %}
 					</ul>
-					{% endfor %}
-
+					{% endfor %}	
 				</div>
 				<div class="footer-columns2">
 					{% for column in site.data.footer %}

docs/_sass/getnighthawk.scss

@@ -5016,6 +5016,12 @@ div.globalFooterCard.card-environment {
   }
 }
 
+.docs-section{
+  position: relative;
+  top: 6rem;
+  right: 6rem;
+}
+
 .rooted-pillar {
   position: relative;
   margin: 0 0 30px;
@@ -5853,11 +5859,25 @@ div.globalFooterCard.card-environment {
 
 .section-content {
   padding-left: 40px !important;
-  margin-top: 30px !important;
+  margin-top: 8rem !important;
+  margin-right: 2rem !important;
   margin-bottom: 50px !important;
   min-height: 100vh;
 }
 
+@media (max-width: 1275px) {
+  .section-content{
+    margin-right: 7rem !important;
+  }
+}
+
+@media (max-width: 745px) {
+  .section-content{
+    margin-right: 2rem !important;
+    width: 90% !important;
+  }
+}
+
 .doc-container {
   padding: 10px;
 }

docs/_sass/index.scss

@@ -152,7 +152,7 @@ $blue-munsell-3: #4392a4ff;
 .newsletter-signup {
   text-align: center;
   padding-top: 0.2rem;
-  padding-bottom: 0.2rem;
+  padding-bottom: 10rem;
 }
 .newsletter-signup-logo {
   width: 15rem;

docs/assets/css/sidebar_doc.css

@@ -129,7 +129,7 @@
     }
 }
 
-@media (max-width: 575px) {
+@media (max-width: 1275px) {
     .float-button {
         visibility: visible;
     }