diff --git a/client/src/Components/SelectionView/DocumentationText.tsx b/client/src/Components/SelectionView/DocumentationText.tsx
index 3fb7046d6..633c6a71f 100644
--- a/client/src/Components/SelectionView/DocumentationText.tsx
+++ b/client/src/Components/SelectionView/DocumentationText.tsx
@@ -23,21 +23,17 @@ export default function DocumentationText({inputText = ""}: DocumentationTextPro
const cssClasses = classNames(
"read-more-button",
{
- "pl-2rem": !hasMultipleLines,
+ "pl-1rem": !hasMultipleLines,
}
);
- const iconCssClasses = classNames({
- "pl-1rem": hasMultipleLines,
- });
-
return (
{
setReadMore(!readMore);
}}>
- {hasMultipleLines &&
+ {hasMultipleLines &&
-
}
+ }
diff --git a/client/src/Components/SelectionView/FunctionView.tsx b/client/src/Components/SelectionView/FunctionView.tsx
index 8c37abb52..1dae0c4bb 100644
--- a/client/src/Components/SelectionView/FunctionView.tsx
+++ b/client/src/Components/SelectionView/FunctionView.tsx
@@ -36,7 +36,7 @@ export default function FunctionView(props: FunctionViewProps): JSX.Element {
isTitle={false}
/>
)) :
- There are no parameters.
+ There are no parameters.
}
>
}
diff --git a/client/src/Components/SelectionView/ModuleView.tsx b/client/src/Components/SelectionView/ModuleView.tsx
index 3ee88de65..8a1fe549d 100644
--- a/client/src/Components/SelectionView/ModuleView.tsx
+++ b/client/src/Components/SelectionView/ModuleView.tsx
@@ -29,7 +29,7 @@ export default function ModuleView(props: ModuleViewProps): JSX.Element {
))}
: There are no imports.
+ style={{paddingLeft: '1rem'}}>There are no imports.
}
Imported from
{!isEmptyList(declaration.fromImports) ?
@@ -41,7 +41,7 @@ export default function ModuleView(props: ModuleViewProps): JSX.Element {
))}
: There are no modules that import this module.}
+ style={{paddingLeft: '1rem'}}>There are no modules that import this module.}
>
}
>
diff --git a/client/src/Components/SelectionView/ParameterNode.tsx b/client/src/Components/SelectionView/ParameterNode.tsx
index 48783852d..c4b6fcb74 100644
--- a/client/src/Components/SelectionView/ParameterNode.tsx
+++ b/client/src/Components/SelectionView/ParameterNode.tsx
@@ -4,7 +4,6 @@ import AnnotationStore from "../../model/annotation/AnnotationStore";
import PythonParameter from "../../model/python/PythonParameter";
import {Nullable, Setter} from "../../util/types";
import RenameDialog from "../Dialog/RenameDialog";
-import DocumentationText from "./DocumentationText";
import "./SelectionView.css";
import RenameAnnotationView from "./RenameAnnotationView";
import classNames from "classnames";
@@ -34,7 +33,7 @@ export default function ParameterNode(props: ParameterNodeProps): JSX.Element {
});
return (
-
+
{props.isTitle ?
{props.pythonParameter.name}
:
{props.pythonParameter.name}
}
@@ -64,13 +63,9 @@ export default function ParameterNode(props: ParameterNodeProps): JSX.Element {
setNewName={setNewName}
/>}
- {
- props.pythonParameter.description &&
-
- }
{
!props.pythonParameter.description &&
- There is no documentation for this parameter.
+ There is no documentation for this parameter.
}
);
diff --git a/client/src/Components/SelectionView/ParameterView.tsx b/client/src/Components/SelectionView/ParameterView.tsx
index e99de8e07..a98e1dc61 100644
--- a/client/src/Components/SelectionView/ParameterView.tsx
+++ b/client/src/Components/SelectionView/ParameterView.tsx
@@ -28,7 +28,7 @@ export default function ParameterView(props: ParameterViewProps): JSX.Element {
{declaration.hasDefault &&
}
{declaration.type &&
- <>Type
{declaration.type}>
+ <>Type
{declaration.type}>
}
>}
>
diff --git a/client/src/Components/SelectionView/RenameAnnotationView.tsx b/client/src/Components/SelectionView/RenameAnnotationView.tsx
index 19ad14587..d30886e54 100644
--- a/client/src/Components/SelectionView/RenameAnnotationView.tsx
+++ b/client/src/Components/SelectionView/RenameAnnotationView.tsx
@@ -14,8 +14,8 @@ const RenameAnnotationView: React.FC = (props) => {
const deleteRenameAnnotation = () => props.setNewName(null);
if (props.newName !== null) {
- return (
-
Annotations
+ return (
+
Annotations
{`@rename: ${props.newName}`}
diff --git a/client/src/Components/SelectionView/SectionListViewItem.tsx b/client/src/Components/SelectionView/SectionListViewItem.tsx
index 394419711..62940f9b2 100644
--- a/client/src/Components/SelectionView/SectionListViewItem.tsx
+++ b/client/src/Components/SelectionView/SectionListViewItem.tsx
@@ -18,10 +18,10 @@ export default function SectionListViewItem(props: ClassViewItemProps): JSX.Elem
{
!isEmptyList(props.inputElements) ?
props.inputElements.map((listElement, index) => (
- {listElement}
+ {listElement}
)) :
There are no {props.title.toLowerCase()}.
+ style={{paddingLeft: '1rem'}}>There are no {props.title.toLowerCase()}.
}
>
);
diff --git a/client/src/Components/SelectionView/SelectionView.css b/client/src/Components/SelectionView/SelectionView.css
index 01fc81410..1d565f3dd 100644
--- a/client/src/Components/SelectionView/SelectionView.css
+++ b/client/src/Components/SelectionView/SelectionView.css
@@ -57,17 +57,18 @@
}
h2 {
- padding-bottom: 15px;
- padding-top: 15px;
+ padding-top: 30px;
+ padding-bottom: 10px;
}
h1 {
+ font-weight: bold;
padding-bottom: 15px;
}
.module-list {
list-style: none;
- padding-left: 2rem;
+ padding-left: 1rem;
}
.module-list li:not(:first-child) {
@@ -79,4 +80,9 @@ h1 {
margin-bottom: 10px;
padding-bottom: 20px;
align-self: flex-end;
+}
+
+.annotation-list {
+ padding-bottom: 20px;
+ padding-left: 1rem;
}
\ No newline at end of file