diff --git a/index.html b/index.html index 606477a..84322f6 100644 --- a/index.html +++ b/index.html @@ -1,262 +1,265 @@ CodeMeta generator

CodeMeta generator

Most fields are optional. Mandatory fields will be highlighted when generating Codemeta.

The software itself

the software title

such as ISBNs, GTIN codes, UUIDs etc.. http://schema.org/identifier


Development community / tools


Current version of the software



Additional Info

software funded by (e.g. specific grant)

see www.repostatus.org for details

-
- Authors -

Order of authors does not matter.

+
+
+ Authors - -
- - -
-
+

Order of authors does not matter.

-
- Contributors + +
+ + +
+
-

Order of contributors does not matter.

+
+ Contributors - -
- - -
-
+

Order of contributors does not matter.

+ + +
+ + +
+
+ 


 
     
 
 
diff --git a/style.css b/style.css
index 25ee24d..f5482cd 100644
--- a/style.css
+++ b/style.css
@@ -1,49 +1,60 @@
 /**
  * Copyright (C) 2019  The Software Heritage developers
  * See the AUTHORS file at the top-level directory of this distribution
  * License: GNU Affero General Public License version 3, or any later version
  * See top-level LICENSE file for more information
  */
 
 
 .person {
     display: inline-block;
 }
 
-#fieldsetSoftwareItself, #fieldsetDevelopmentCommunity, #fieldsetCurrentVersion, #fieldsetAdditionalInfo {
-    display: inline-block;
+#inputForm {
+    max-width: 100%;
+
+    display: flex;
+    flex-wrap: wrap;
+}
+
+#fieldsetSoftwareItself, #fieldsetDiscoverabilityAndCitation, #fieldsetDevelopmentCommunity, #fieldsetRuntime, #fieldsetCurrentVersion, #fieldsetAdditionalInfo {
+    flex: auto;
+}
+
+.dynamicFields {
+    width: 100%;
 }
 
 #license {
     /* License names are long */
     min-width: 20em;
 }
 
 #funding {
     /* Funding names are long */
     min-width: 20em;
 }
 
 input[type=URL] {
     /* URLs are longer than the other fields */
     min-width: 20em;
 }
 .field-description {
     color : rgb(100, 104, 103);
     font-size: small;
 }
 
 #codemetaText {
     width: 100%;
     min-height: 10em;
     border: 1px solid black;
 }
 
 #errorMessage {
     color: red;
 }
 
 input:invalid {
     color: red;
 }