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