Merge pull request #8280 from hashicorp/f-ui/wide-monitor-logs

UI: Make monitor log output full-width

ui/app/styles/core/section.scss

@@ -5,8 +5,8 @@
   &.with-headspace {
     margin-top: 1.5rem;
   }
-}
 
-.full-width-section {
+  &.is-full-width {
     max-width: 100%;
   }
+}

ui/app/templates/allocations/allocation/task/logs.hbs

@@ -1,5 +1,5 @@
 {{title "Task " model.name " logs"}}
 <TaskSubnav @task={{model}} />
-<section class="section full-width-section">
+<section class="section is-full-width">
   <TaskLog data-test-task-log @allocation={{model.allocation}} @task={{model.name}} />
 </section>

ui/app/templates/clients/client/monitor.hbs

@@ -1,6 +1,6 @@
 {{title "Client " (or model.name model.shortId)}}
 <ClientSubnav @client={{model}} />
-<section class="section">
+<section class="section is-full-width">
   {{#if (can "read agent")}}
     <AgentMonitor
       @level={{level}}

ui/app/templates/components/fs/browser.hbs

@@ -1,4 +1,4 @@
-<section class="section is-closer {{if isFile "full-width-section"}}">
+<section class="section is-closer {{if isFile "is-full-width"}}">
   {{#if model.isRunning}}
     {{#if isFile}}
       <Fs::File @allocation={{allocation}} @taskState={{taskState}} @file={{path}} @stat={{stat}} @class="fs-explorer">

ui/app/templates/servers/server/monitor.hbs

@@ -1,6 +1,6 @@
 {{title "Server " model.name}}
 <ServerSubnav @server={{model}} />
-<section class="section">
+<section class="section is-full-width">
   {{#if (can "read agent")}}
     <AgentMonitor
       @level={{level}}