🔧 Tweaking the library table list

src/client/assets/scss/App.scss

@@ -217,7 +217,7 @@ pre {
       .card-image {
         align-self: center;
         .image {
-          max-width: 60px;
+          max-width: 80px;
           border-top-right-radius: 0;
           border-bottom-right-radius: 0;
           border-top-left-radius: 0.25em;

src/client/components/Library/Library.tsx

@@ -43,6 +43,10 @@ export const Library = (data: IComicBookLibraryProps): ReactElement => {
     );
   };
 
+  const WantedStatus = ({ value }) => {
+    return value ? <span className="tag is-info is-light">Wanted</span> : null;
+  };
+
   console.log(searchResults);
   // return null;
   const columns = useMemo(

src/client/components/Library/RawFileDetails.tsx

@@ -23,7 +23,7 @@ export const RawFileDetails = (rawFileData): ReactElement => {
           </div>
           <ul className="card-content">
             <li className="name has-text-weight-medium">
-              {ellipsize(data.name, 18)}
+              {ellipsize(data.name, 28)}
             </li>
             <li>
               <div className="control">