1.5.4

- Progress steppers have been improved spacing wise.(For both the grid/list view)
- Changed padding and margin for score (list view) and score input (grid).
- Animation for blinking button to help the user to remember to update.

Author: ReStartQ

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changes
 
+## 1.5.4
+
+- Progress steppers have been improved spacing wise.(For both the grid/list view)
+- Changed padding and margin for score (list view) and score input (grid).
+- Animation for blinking button to help the user to remember to update.
+
 ## 1.5.3
 
 - Sort menu options in seasons list have been rearranged.

README.md

@@ -15,7 +15,7 @@ This app utilizes [AniList](https://anilist.co) for its tracking service to keep
 - Get more information about an anime, manga or light novel.
 - Watch anime trailers that interest you.
 - Stay up to date with the latest anime news.
-- [Filter and sort](https://github.com/ReStartQ/anicour/blob/main/help/FilterAndSortList.md) to quickly find anime, manga, and light novels. 
+- [Filter and sort](https://github.com/ReStartQ/anicour/blob/main/help/FilterAndSortList.md) to quickly find anime, manga, and light novels.
 
 ## Screenshots
 
@@ -33,14 +33,14 @@ You can download the latest version [here](https://github.com/ReStartQ/AniCour/r
 _Note:_
 **This app does not have a code signing certificate and will give a warning message on installation.**
 
-1. Download the setup file from the latest releases. The setup file is labeled as AniCour-Setup-x.x.x.exe, where x.x.x will denote the version. 
-   <br> **Example: AniCour-Setup-1.5.3.exe**
+1. Download the setup file from the latest releases. The setup file is labeled as AniCour-Setup-x.x.x.exe, where x.x.x will denote the version.
+   <br> **Example: AniCour-Setup-1.5.4.exe**
    <br> _Some browsers may give a warning when downloading the setup file as it does not use a code signing certificate._
    <br> _In this case, to allow the download use the alternate option they provide. (Example: keep file)_
-3. Run the setup file, Windows will give a message like below, click on **"More info"** <p align="center"><a href="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigningInitial.png"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigningInitial.png" height="280"/></a></p>
-4. A new option will appear, **"Run anyway"**. Click on it. <p align="center"><a href="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigning.png"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigning.png" height="280"/></a></p>
-5. The installer menu will open up to allow you to install it on your computer. <p align="center"><a href="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourInstallationMenu2.png"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourInstallationMenu2.png" height="230"/></a></p>
-6. Finally, open the app and connect your AniList account to start your anime tracking journey.
+2. Run the setup file, Windows will give a message like below, click on **"More info"** <p align="center"><a href="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigningInitial.png"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigningInitial.png" height="280"/></a></p>
+3. A new option will appear, **"Run anyway"**. Click on it. <p align="center"><a href="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigning.png"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigning.png" height="280"/></a></p>
+4. The installer menu will open up to allow you to install it on your computer. <p align="center"><a href="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourInstallationMenu2.png"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourInstallationMenu2.png" height="230"/></a></p>
+5. Finally, open the app and connect your AniList account to start your anime tracking journey.
 
 ## AniList Setup
 

help/InstallHelp.md

@@ -6,7 +6,7 @@ You can download the app [here](https://github.com/ReStartQ/AniCour/releases).
 
 1. Download the setup file from the latest release and install it on your computer.
 2. The setup file is labeled as AniCour-Setup-x.x.x.exe, where x denotes a number for the version.
-   **Ex: AniCour-Setup-1.5.3.exe**
+   **Ex: AniCour-Setup-1.5.4.exe**
 3. When you run the exe file, Windows will give a message like below, click on "More info" <p align="center"><a href="#"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigningInitial.png" /></a></p>
 4. A new option will appear, "Run anyway". Click on it. <p align="center"><a href="#"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigning.png" /></a></p>
 5. The installer menu will open up to allow you to install it on your computer. <p align="center"><a href="#"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourInstallationMenu2.png" /></a></p>

release/app/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "anicour",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "Anime, Manga, and Light Novel Tracker Desktop Application for Windows. A fast and interactive way for AniList users to track and manage their anime/manga lists. ",
   "license": "GPL-3.0",
   "author": {

release/app/package.json

@@ -74,14 +74,7 @@ const MediaProgress = ({
       color="info"
       sx={{
         border: '1px solid deepskyblue',
-        width: getWidth(
-          progressRaw,
-          episodes,
-          chapters,
-          volumes,
-          mediaType,
-          type,
-        ),
+        width: '100%',
         height: '6px',
         '& .MuiLinearProgress-dashed': {
           animation: 'none',

src/renderer/components/app/etc/MediaProgress.tsx

@@ -153,6 +153,7 @@ export default function ProgressStepper({
       display="flex"
       flexDirection="column"
       sx={{ gridColumn: '1/2' /* userSelect: 'none' */ }}
+      mr={1}
     >
       {props.nextAiringEpisode !== null ? (
         <Typography fontSize={12} fontWeight="bold">
@@ -171,6 +172,7 @@ export default function ProgressStepper({
         display="flex"
         flexDirection="row"
         alignItems="center"
+        width="100%"
         sx={{ overflowX: 'auto' }}
       >
         <IconButton
@@ -187,12 +189,11 @@ export default function ProgressStepper({
             p: 0,
             minWidth: 0,
             '--IconButton-size': '12px',
-            mr: advancedInput.progress >= 100 ? '2px' : '4px',
           }}
         >
           <RemoveIcon fontSize="inherit" />
         </IconButton>
-        <Typography fontSize={12}>
+        <Typography fontSize={12} sx={{ flexGrow: 1, textAlign: 'center' }}>
           {formatProgress(
             props.type,
             advancedInput.progress,
@@ -219,7 +220,6 @@ export default function ProgressStepper({
             p: 0,
             minWidth: 0,
             '--IconButton-size': '12px',
-            ml: advancedInput.progress >= 100 ? '2px' : '4px',
           }}
         >
           <AddIcon fontSize="inherit" />

src/renderer/components/app/etc/ProgressStepper.tsx

@@ -59,11 +59,21 @@ export default function ProgressVolumesStepper({
 
   return (
     <>
-      <Box display="flex" flexDirection="column" sx={{ gridColumn: '2/3' }}>
+      <Box
+        display="flex"
+        flexDirection="column"
+        sx={{ gridColumn: '2/3' }}
+        mr={1}
+      >
         <Typography fontSize={12} fontWeight="bold">
           Volumes{' '}
         </Typography>
-        <Box display="flex" flexDirection="row">
+        <Box
+          display="flex"
+          flexDirection="row"
+          alignItems="center"
+          width="100%"
+        >
           <IconButton
             size="sm"
             variant="outlined"
@@ -78,12 +88,11 @@ export default function ProgressVolumesStepper({
               p: 0,
               minWidth: 0,
               '--IconButton-size': '12px',
-              mr: advancedInput.progressVolumes >= 100 ? '2px' : '4px',
             }}
           >
             <RemoveIcon fontSize="inherit" />
           </IconButton>
-          <Typography fontSize={12}>
+          <Typography fontSize={12} sx={{ flexGrow: 1, textAlign: 'center' }}>
             {formatProgressVolumes(
               advancedInput.progressVolumes,
               props.volumes,
@@ -106,7 +115,6 @@ export default function ProgressVolumesStepper({
               p: 0,
               minWidth: 0,
               '--IconButton-size': '12px',
-              ml: advancedInput.progress >= 100 ? '2px' : '4px',
             }}
           >
             <AddIcon fontSize="inherit" />

src/renderer/components/app/etc/ProgressVolumesStepper.tsx

@@ -11,6 +11,8 @@ export default function ScoreSelect({
   inputDispatch,
 }: any) {
   const onChange = (e: any) => {
+    console.log(advancedInput);
+    console.log(props);
     inputDispatch({
       type: 'updateScore',
       payload: e.target.value,
@@ -33,7 +35,7 @@ export default function ScoreSelect({
         value={advancedInput.score}
         size="small"
         sx={{
-          pt: '4px',
+          pt: '7px',
           width: '55px',
           height: '22px',
           fontSize: '12px',