bug: align filter labels with input fields

asyncapi · Apr 11, 2023 · 5d71e7b · 5d71e7b
1 parent 3854839
commit 5d71e7b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/tools/Carddata.js b/components/tools/Carddata.js
@@ -34,7 +34,7 @@ export const Carddata = (props) => {
   },[])
 
   return (
-    <div className={classes || "text-sm text-gray-500"}>
+    <div className={classes || "text-sm text-gray-500 text-left"}>
       {heading}
       <span className="group relative" >
         {outsideClick && visible[type] && <span ref={domNode} className="w-48 text-xs border z-10 bg-white border-gray-200 shadow-md -left-2/3 absolute translate-x-1/3 -top-4 rounded px-2 py-1">

diff --git a/components/tools/Filters.js b/components/tools/Filters.js
@@ -105,7 +105,7 @@ export default function Filters({ setOpenFilter }) {
       </div>
       <hr className="my-4" />
       <div className="flex flex-col gap-2 mx-4">
-        <div className="text-sm text-gray-500">
+        <div className="text-sm text-gray-500 text-left">
         <Carddata heading="OWNERSHIP" data = "It describes whether the tools are maintained by AsyncAPI organization or not."  type="ownership" visible = {visible} setVisible = {setVisible} read={readMore} setRead ={setReadMore} />
         </div>
         <div className="flex gap-4">