Readmore inline

eea · May 2, 2022 · 167e6ed · 167e6ed
1 parent 997b71d
commit 167e6ed
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/ReadMore.jsx b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/ReadMore.jsx
@@ -18,9 +18,13 @@ const ReadMore = ({ text, maxChars }) => {
     <span className="readmore-container">
       <p className="readmore-text">{more ? text : displayText}</p>
       {showAction && (
-        <button className="readmore-action" onClick={() => setMore(!more)}>
+        <p
+          role="presentation"
+          className="readmore-action"
+          onClick={() => setMore(!more)}
+        >
           {more ? 'Read less..' : 'Read more..'}
-        </button>
+        </p>
       )}
     </span>
   );

diff --git a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less
@@ -97,12 +97,16 @@
   font-size: 15px;
 
   .readmore-text {
+    display: inline;
     margin: 5px 0;
   }
 
   .readmore-action {
+    display: inline;
+    padding: 2px;
     border: 2px solid transparent;
     margin: 0;
+    margin-left: 10px;
     background-color: transparent;
     color: #025e37;
     cursor: pointer;