diff --git a/src/common/localization/en-us.ts b/src/common/localization/en-us.ts index c33eecd0..1db3dcb7 100644 --- a/src/common/localization/en-us.ts +++ b/src/common/localization/en-us.ts @@ -195,7 +195,7 @@ export const english: IAppStrings = { defaultURLInput: "Paste or type URL...", }, recentModelsView:{ - header: "Select model to analyze with", + header: "Select a model to analyze with", checkboxAriaLabel: "Select model checkbox" }, projectMetrics: { diff --git a/src/react/components/pages/predict/predictPage.scss b/src/react/components/pages/predict/predictPage.scss index 1ac0772b..9adea767 100644 --- a/src/react/components/pages/predict/predictPage.scss +++ b/src/react/components/pages/predict/predictPage.scss @@ -100,6 +100,10 @@ } .model-selection-info-value { + max-width: 190px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; font-size: 12px; color: #d1d1d1; float: left; diff --git a/src/react/components/pages/predict/predictPage.tsx b/src/react/components/pages/predict/predictPage.tsx index 9e693ef2..4747463e 100644 --- a/src/react/components/pages/predict/predictPage.tsx +++ b/src/react/components/pages/predict/predictPage.tsx @@ -250,24 +250,28 @@ export default class PredictPage extends React.Component {strings.predict.selectModelHeader} -
- - {strings.predict.modelIDPrefix} - - - {mostRecentModel.modelInfo.modelId.substring(0,8) + "..."} - -
- {mostRecentModel.modelInfo.modelName && +
- {strings.predict.modelNamePrefix} + {strings.predict.modelIDPrefix} - - {mostRecentModel.modelInfo.modelName} + + {mostRecentModel.modelInfo.modelId}
- } + + + {mostRecentModel.modelInfo.modelName && +
+ + {strings.predict.modelNamePrefix} + + + {mostRecentModel.modelInfo.modelName} + +
+ } +