From f8605f7076aff74aefc10fa3b3a93d6f603eb2cd Mon Sep 17 00:00:00 2001
From: Wouter Admiraal <wouter.admiraal@sonarsource.com>
Date: Fri, 7 Oct 2022 11:37:41 +0200
Subject: [PATCH] SONAR-16993 [893826] Form elements must have labels

---
 .../activity-graph/GraphsHeader.tsx           | 42 +++++++++++--------
 .../resources/org/sonar/l10n/core.properties  |  1 +
 2 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/server/sonar-web/src/main/js/components/activity-graph/GraphsHeader.tsx b/server/sonar-web/src/main/js/components/activity-graph/GraphsHeader.tsx
index 318f96634e2..6f8559169b4 100644
--- a/server/sonar-web/src/main/js/components/activity-graph/GraphsHeader.tsx
+++ b/server/sonar-web/src/main/js/components/activity-graph/GraphsHeader.tsx
@@ -65,24 +65,32 @@ export default class GraphsHeader extends React.PureComponent<Props> {
 
     return (
       <div className={classNames(className, 'position-relative')}>
-        <Select
-          className="pull-left input-medium"
-          isSearchable={false}
-          onChange={this.handleGraphChange}
-          options={selectOptions}
-          value={selectOptions.find(option => option.value === graph)}
-        />
-        {isCustomGraph(graph) &&
-          addCustomMetric !== undefined &&
-          removeCustomMetric !== undefined && (
-            <AddGraphMetric
-              addMetric={addCustomMetric}
-              metrics={metrics}
-              metricsTypeFilter={metricsTypeFilter}
-              removeMetric={removeCustomMetric}
-              selectedMetrics={selectedMetrics}
+        <div className="display-flex-end">
+          <div className="display-flex-column">
+            <label className="text-bold little-spacer-bottom" htmlFor="graph-select">
+              {translate('project_activity.graphs.choose_type')}
+            </label>
+            <Select
+              id="graph-select"
+              className="input-medium"
+              isSearchable={false}
+              onChange={this.handleGraphChange}
+              options={selectOptions}
+              value={selectOptions.find(option => option.value === graph)}
             />
-          )}
+          </div>
+          {isCustomGraph(graph) &&
+            addCustomMetric !== undefined &&
+            removeCustomMetric !== undefined && (
+              <AddGraphMetric
+                addMetric={addCustomMetric}
+                metrics={metrics}
+                metricsTypeFilter={metricsTypeFilter}
+                removeMetric={removeCustomMetric}
+                selectedMetrics={selectedMetrics}
+              />
+            )}
+        </div>
       </div>
     );
   }
diff --git a/sonar-core/src/main/resources/org/sonar/l10n/core.properties b/sonar-core/src/main/resources/org/sonar/l10n/core.properties
index 225ba753801..6a4b4fd5f5a 100644
--- a/sonar-core/src/main/resources/org/sonar/l10n/core.properties
+++ b/sonar-core/src/main/resources/org/sonar/l10n/core.properties
@@ -1534,6 +1534,7 @@ project_activity.events.tooltip.delete=Delete this event
 project_activity.new_code_period_start=New Code Period starts here
 project_activity.new_code_period_start.help=The analysis before this mark is the baseline for New Code comparison
 
+project_activity.graphs.choose_type=Choose graph type
 project_activity.graphs.new_code=New Code
 project_activity.graphs.new_code_long=New Code is indicated in yellow on the graph.
 project_activity.graphs.issues=Issues
-- 
2.39.5