Merge pull request #6312 from rstudio/feature/tutorial-style-tweaks

tweak tutorial pane styles
rstudio · Feb 25, 2020 · 085f1f7 · 085f1f7
2 parents bc4c8ea + c4e98b5
commit 085f1f7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/cpp/session/modules/SessionTutorial.cpp b/src/cpp/session/modules/SessionTutorial.cpp
@@ -260,7 +260,7 @@ void handleTutorialHomeRequest(const http::Request& request,
          if (tutorial.description.empty())
          {
             ss << "<div class=\"rstudio-tutorials-description rstudio-tutorials-description-empty\">"
-               << "[No description available.]"
+               << "<p>[No description available.]</p>"
                << "</div>";
          }
          else

diff --git a/src/gwt/src/org/rstudio/studio/client/workbench/views/tutorial/TutorialPane.css b/src/gwt/src/org/rstudio/studio/client/workbench/views/tutorial/TutorialPane.css
@@ -93,17 +93,17 @@
 }
 
 .rstudio-tutorials-run-container {
-   float: right;
+   white-space: nowrap;
 }
 
 .rstudio-tutorials-label-container {
-   overflow: auto;
+   display: flex;
    width: 100%;
    padding: 4px;
 }
 
 .rstudio-tutorials-label {
-   float: left;
+   flex: 1;
    font-size: 16pt;
    font-weight: bold;
 }
@@ -217,3 +217,7 @@
 .rstudio-themes-dark-menus .rstudio-tutorials-install-learnr-link:link {
    color: rgb(118, 171, 221);
 }
+
+.rstudio-themes-dark-menus .rstudio-tutorials-description-empty {
+   color: rgb(172, 172, 172);
+}