feat: Additional content and style for table screen

- More columns with placeholder content
- Special styles for textarea and td
- New style for io module

elements/_interactive.scss

@@ -219,6 +219,9 @@ option {
 // Textarea
 // -----------------------------------------------------------------------------
 textarea {
+	&.fit {
+		width: 100%;
+	}
 }
 
 .io_textarea {

elements/_tables.scss

@@ -19,7 +19,6 @@
 // th
 
 
-
 // Table
 // -----------------------------------------------------------------------------
 table {
@@ -120,6 +119,19 @@ th {
 td {
 	border-right: config.$border_basic;
 	border-bottom: config.$border_basic;
+
+	&.unit {
+		text-align: right;
+		white-space: nowrap;
+	}
+
+	&.ellipsis {
+		width: 100%;
+		max-width: 0;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
 }
 
 td:last-child {

modules/io/_io_module.scss

@@ -71,3 +71,13 @@ footer {
 		align-items: stretch;
 	}
 }
+
+table .io nav {
+	@extend %flex-inline;
+	flex-wrap: nowrap;
+	align-items: stretch;
+
+	button {
+		margin: config.$margin_io;
+	}
+}