From 84cb8d6ca5668976c90d3d73b0421851dcffac2d Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 2 Nov 2023 11:28:19 +0100
Subject: [PATCH] Fixed invisible refresh button in tools

---
 Frontend/src/components/mock/HistoryComponent.vue             | 2 +-
 Frontend/src/components/mock/HistoryRecords.vue               | 4 ++--
 .../src/components/sidebar/SidebarMenuElementComponent.vue    | 2 +-
 Frontend/src/components/sidebar/SidebarToolLinkComponent.vue  | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/Frontend/src/components/mock/HistoryComponent.vue b/Frontend/src/components/mock/HistoryComponent.vue
index de600b4..c80581c 100644
--- a/Frontend/src/components/mock/HistoryComponent.vue
+++ b/Frontend/src/components/mock/HistoryComponent.vue
@@ -34,7 +34,7 @@ function showHeaders(headers: object, index: number){
 
 
 <template>
-    <div class="w-full xl:w-2/5 flex flex-none flex-col gap-y-4">
+    <div class="flex flex-1 flex-col justify-items-stretch gap-y-4">
         <HistoryRecords class="xl:h-1/3 overflow-y-scroll" @click:show-headers="showHeaders" @click:show-body="showBody"></HistoryRecords>
         <BodyDetailComponent :content-type="currentContentType" :data="currentShownData" v-if="shownDetail == 'body' "></BodyDetailComponent>
         <HeadersDetailComponent :data="currentShownData"  v-if="shownDetail == 'headers' "></HeadersDetailComponent>
diff --git a/Frontend/src/components/mock/HistoryRecords.vue b/Frontend/src/components/mock/HistoryRecords.vue
index 7d6011c..c7ca916 100644
--- a/Frontend/src/components/mock/HistoryRecords.vue
+++ b/Frontend/src/components/mock/HistoryRecords.vue
@@ -45,8 +45,8 @@ function refreshHistory(){
 </script>
 
 <template>
-    <div>
-        <table class="h-28 w-full text-center text-grey-900 dark:text-white">
+    <div class="h-28 text-center text-grey-900 dark:text-white">
+        <table class="w-full">
             <tr>
                 <th>Time</th>
                 <th>HTTP Method</th>
diff --git a/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue b/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
index 19340c2..d6454b0 100644
--- a/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
@@ -21,7 +21,7 @@ const props = defineProps(
         <button @click="switchHiddenElement()" type="button" :class="[isActive ? 'rounded-lg' : 'rounded-lg']" class="w-full p-2 text-lg font-normal text-gray-900 transition duration-75 hover:bg-blue-100 dark:text-gray-100  dark:hover:bg-slate-600">
             <span class="flex-1 whitespace-nowrap">{{props.categoryName}}</span>
         </button>
-        <div class="flex flex-col w-full py-2 bg-indigo-50 dark:bg-slate-800 rounded-xl font-extralight overflow-hidden" :class="[isActive ? 'active' : 'hidden']">
+        <div class="flex flex-col w-full py-2 bg-indigo-50 dark:bg-slate-800 rounded-xl font-light overflow-hidden" :class="[isActive ? 'active' : 'hidden']">
             <slot></slot>
         </div>
     </div>
diff --git a/Frontend/src/components/sidebar/SidebarToolLinkComponent.vue b/Frontend/src/components/sidebar/SidebarToolLinkComponent.vue
index 5a1b5c4..a37fd7c 100644
--- a/Frontend/src/components/sidebar/SidebarToolLinkComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarToolLinkComponent.vue
@@ -17,6 +17,6 @@ const props = defineProps(
 
 <style>
 .router-link-active {
-    font-weight: 500;
+    font-weight: 600;
 }
 </style>
\ No newline at end of file