Fix UI bugs (#5127)

* Fix home tabs bug (tested)

* Fix recommended shows tabs bug (pre-emptive)

* Fix status page with 3 or more root dirs is malformed

* Update changelog

CHANGELOG.md

@@ -8,6 +8,7 @@
 
 #### Fixes
 - Fixed many release name parsing issues as a result of updating `guessit` ([#4244](https://github.com/pymedusa/Medusa/pull/4244))
+- Fixed UI bugs in home page (when using "split home in tabs") and status page ([#5126](https://github.com/pymedusa/Medusa/pull/5126) + [#5127](https://github.com/pymedusa/Medusa/pull/5127))
 
 -----
 

themes-default/slim/views/addShows_recommended.mako

@@ -41,8 +41,8 @@ window.app = new Vue({
                     <div class="field-pair">
                         <label class="clearfix" for="configure_show_options">
                             <ul>
-                                <li><app-link href="addShows/${realpage + '/'}#tabs-1">Manage Directories</app-link></li>
-                                <li><app-link href="addShows/${realpage + '/'}#tabs-2">Customize Options</app-link></li>
+                                <li><app-link href="#tabs-1">Manage Directories</app-link></li>
+                                <li><app-link href="#tabs-2">Customize Options</app-link></li>
                             </ul>
                             <div id="tabs-1" class="existingtabs">
                                 <root-dirs @update="rootDirs = $event"></root-dirs>

themes-default/slim/views/home.mako

@@ -90,7 +90,7 @@
                 <!-- Nav tabs -->
                 <ul>
                 % for cur_show_list in show_lists:
-                    <li><app-link href="home/#${cur_show_list[0].lower()}TabContent" id="${cur_show_list[0].lower()}Tab">${cur_show_list[0]}</app-link></li>
+                    <li><app-link href="#${cur_show_list[0].lower()}TabContent" id="${cur_show_list[0].lower()}Tab">${cur_show_list[0]}</app-link></li>
                 % endfor
                 </ul>
                 <!-- Tab panes -->

themes-default/slim/views/status.mako

@@ -212,15 +212,17 @@
                     % endif
                 </tr>
                 % endif
+                % for cur_index, cur_dir in enumerate(rootDir):
                 <tr>
-                    <td rowspan=${len(rootDir)}>Media Root Directories</td>
-                    % for cur_dir in rootDir:
-                        <td>${cur_dir}</td>
-                        % if rootDir[cur_dir] is not False:
-                            <td align="middle">${rootDir[cur_dir]}</td>
-                        % else:
-                            <td align="middle"><i>Missing</i></td>
-                        % endif
+                    % if cur_index == 0:
+                    <td rowspan="${len(rootDir)}">Media Root Directories</td>
+                    % endif
+                    <td>${cur_dir}</td>
+                    % if rootDir[cur_dir] is not False:
+                        <td align="middle">${rootDir[cur_dir]}</td>
+                    % else:
+                        <td align="middle"><i>Missing</i></td>
+                    % endif
                 </tr>
                 % endfor
             </tbody>