diff --git a/pd/nw/css/default.css b/pd/nw/css/default.css
index 8bede364b44d61e3ad4dfdd17a241d81022de0c0..66e5e2c74389d69eb3191988ccfc4af69fb8f251 100644
--- a/pd/nw/css/default.css
+++ b/pd/nw/css/default.css
@@ -773,7 +773,7 @@ div.y2 {
without becoming an order of magnitude more complex, do feel free... */
.prefs_tab_group {
display: table;
- width: 96%;
+ width: 100%;
}
/* Configure the radio buttons to hide off-screen */
@@ -870,11 +870,8 @@ input[name="rate"] {
cursor: grab;
}
-#titlebar_buttons {
- top: 2px;
- right: 2px;
- text-align: right;
- background-color: gray;
+#titlebar_buttons_td {
+ padding-right: 1px;
}
#titlebar_title {
diff --git a/pd/nw/dialog_canvas.html b/pd/nw/dialog_canvas.html
index fdc41dfb0924005d8385aa5f71e97ff7c2e6f14c..c5f31c215cd0f864e07caaacde68624596ae6581 100644
--- a/pd/nw/dialog_canvas.html
+++ b/pd/nw/dialog_canvas.html
@@ -12,7 +12,7 @@
<td style="width: 100%;">
<div id="titlebar_title">Canvas Properties</div>
</td>
- <td>
+ <td id="titlebar_buttons_td">
<div class="titlebar_buttons">
<div id="titlebar_close_button" onclick="cancel(false);">×</div>
</div>
diff --git a/pd/nw/dialog_data.html b/pd/nw/dialog_data.html
index aa39420aff0ac23715e18b95e3a30f9f8fc54786..88eb5b15035326cd8f413f37088a5ea1be05abf2 100644
--- a/pd/nw/dialog_data.html
+++ b/pd/nw/dialog_data.html
@@ -45,7 +45,7 @@ label {
<td style="width: 100%;">
<div id="titlebar_title">Data Object Properties</div>
</td>
- <td>
+ <td id="titlebar_buttons_td">
<div class="titlebar_buttons">
<div id="titlebar_close_button" onclick="cancel(false);">×</div>
</div>
diff --git a/pd/nw/dialog_external.html b/pd/nw/dialog_external.html
index a2c73209e580af27df4470b6774cb6c448b0308c..28e4d3f9e155b7f688c0191183be1b623207633c 100644
--- a/pd/nw/dialog_external.html
+++ b/pd/nw/dialog_external.html
@@ -43,7 +43,7 @@ label {
<td style="width: 100%; margin: 7px;">
<div id="titlebar_title">External Object Properties</div>
</td>
- <td>
+ <td id="titlebar_buttons_td">
<div class="titlebar_buttons">
<div id="titlebar_close_button" onclick="cancel(false);">×</div>
</div>
diff --git a/pd/nw/dialog_gatom.html b/pd/nw/dialog_gatom.html
index f02bfb3b7d4a9a1cf8c1783e7c025458a5988cf1..fd6a1d8de424cd2e3f6d82215e5afdba8f911b79 100644
--- a/pd/nw/dialog_gatom.html
+++ b/pd/nw/dialog_gatom.html
@@ -10,7 +10,7 @@
<td style="width: 100%;">
<div id="titlebar_title">Atom Properties</div>
</td>
- <td>
+ <td id="titlebar_buttons_td">
<div class="titlebar_buttons">
<div id="titlebar_close_button" onclick="cancel(false);">×</div>
</div>
diff --git a/pd/nw/dialog_iemgui.html b/pd/nw/dialog_iemgui.html
index c176b772200649a4dae064287a3ed96c489e79ac..d40dbfa8f790b93c0f968af67d89367ccda1b76e 100644
--- a/pd/nw/dialog_iemgui.html
+++ b/pd/nw/dialog_iemgui.html
@@ -11,7 +11,7 @@
<td style="width: 100%;">
<div id="titlebar_title">Iemgui Properties</div>
</td>
- <td>
+ <td id="titlebar_buttons_td">
<div class="titlebar_buttons">
<div id="titlebar_close_button" onclick="cancel(false);">×</div>
</div>
diff --git a/pd/nw/dialog_prefs.html b/pd/nw/dialog_prefs.html
index 9a8b89d7d9e5c02de1375a2c0f97d2a0e1ba22cb..c1f5c934c2dd76c8333a8c5b3923cd38d3bf4f5a 100644
--- a/pd/nw/dialog_prefs.html
+++ b/pd/nw/dialog_prefs.html
@@ -7,6 +7,22 @@
td {
padding-right: 0px;
}
+
+select {
+ height: 1.6em;
+}
+
+#in1, #in2, #in3, #in4, #out1, #out2, #out3, #out4 {
+ width: 100%;
+}
+
+#inchans1, #inchans2, #inchans3, #inchans4, #outchans1, #outchans2, #outchans3, #outchans4 {
+ margin-left: 3px;
+}
+
+#midilabel {
+ vertical-align: bottom;
+}
</style>
<body class="dialog_body prefs_body" style="overflow: hidden;">
<div class="container noselect prefs_container">
@@ -15,7 +31,7 @@ td {
<td style="width: 100%;">
<div id="titlebar_title">Pd-L2Ork Properties</div>
</td>
- <td>
+ <td id="titlebar_buttons_td">
<div class="titlebar_buttons">
<div id="titlebar_close_button" onclick="cancel(false);">×</div>
</div>
@@ -133,7 +149,7 @@ td {
</td>
</tr>
<tr>
- <td>
+ <td style="width: 80%">
<select id="in1" onchange="dev_change(this);"></select>
</td>
<td>
@@ -146,7 +162,7 @@ td {
</td>
</tr>
<tr>
- <td>
+ <td style="width: 80%">
<select id="in2" onchange="dev_change(this);"></select>
</td>
<td>
@@ -159,7 +175,7 @@ td {
</td>
</tr>
<tr>
- <td>
+ <td style="width: 80%">
<select id="in3" onchange="dev_change(this);"></select>
</td>
<td>
@@ -172,7 +188,7 @@ td {
</td>
</tr>
<tr>
- <td>
+ <td style="width: 80%">
<select id="in4" onchange="dev_change(this);"></select>
</td>
<td>
@@ -185,15 +201,15 @@ td {
</td>
</tr>
<tr>
- <td data-i18n="[title]prefs.audio.output_title_tt">
+ <td data-i18n="[title]prefs.audio.output_title_tt" style="padding-top: 10px;">
<span data-i18n="prefs.audio.output_title"></span>
</td>
- <td>
+ <td style="padding-top: 10px;">
<span data-i18n="prefs.audio.channels"></span>
</td>
</tr>
<tr>
- <td>
+ <td style="width: 80%">
<select id="out1" onchange="dev_change(this);"></select>
</td>
<td>
@@ -206,7 +222,7 @@ td {
</td>
</tr>
<tr>
- <td>
+ <td style="width: 80%">
<select id="out2" onchange="dev_change(this);"></select>
</td>
<td>
@@ -219,7 +235,7 @@ td {
</td>
</tr>
<tr>
- <td>
+ <td style="width: 80%">
<select id="out3" onchange="dev_change(this);"></select>
</td>
<td>
@@ -232,7 +248,7 @@ td {
</td>
</tr>
<tr>
- <td>
+ <td style="width: 80%">
<select id="out4" onchange="dev_change(this);"></select>
</td>
<td>
@@ -278,42 +294,42 @@ td {
</span>
<table class="tab_settings" style="width: 100%;">
<tr>
- <td>1</td><td>
+ <td id="midilabel">1</td><td>
<select id="midi_in1" onchange="dev_change(this);"></select>
</td>
- <td align="right">6</td><td>
+ <td align="right" id="midilabel">6</td><td>
<select id="midi_in6" onchange="dev_change(this);"></select>
</td>
</tr>
<tr>
- <td>2</td><td>
+ <td id="midilabel">2</td><td>
<select id="midi_in2" onchange="dev_change(this);"></select>
</td>
- <td align="right">7</td><td>
+ <td align="right" id="midilabel">7</td><td>
<select id="midi_in7" onchange="dev_change(this);"></select>
</td>
</tr>
<tr>
- <td>3</td><td>
+ <td id="midilabel">3</td><td>
<select id="midi_in3" onchange="dev_change(this);"></select>
</td>
- <td align="right">8</td><td>
+ <td align="right" id="midilabel">8</td><td>
<select id="midi_in8" onchange="dev_change(this);"></select>
</td>
</tr>
<tr>
- <td>4</td><td>
+ <td id="midilabel">4</td><td>
<select id="midi_in4" onchange="dev_change(this);"></select>
</td>
- <td align="right">9</td><td>
+ <td align="right" id="midilabel">9</td><td>
<select id="midi_in9" onchange="dev_change(this);"></select>
</td>
</tr>
<tr>
- <td>5</td><td>
+ <td id="midilabel">5</td><td>
<select id="midi_in5" onchange="dev_change(this);"></select>
</td>
- <td align="right">10</td><td>
+ <td align="right" id="midilabel">10</td><td>
<select id="midi_in10" onchange="dev_change(this);"></select>
</td>
</tr>
@@ -324,42 +340,42 @@ td {
</span>
<table class="tab_settings">
<tr>
- <td>1</td><td>
+ <td id="midilabel">1</td><td>
<select id="midi_out1" onchange="dev_change(this);"></select>
</td>
- <td align="right">6</td><td>
+ <td align="right" id="midilabel">6</td><td>
<select id="midi_out6" onchange="dev_change(this);"></select>
</td>
</tr>
<tr>
- <td>2</td><td>
+ <td id="midilabel">2</td><td>
<select id="midi_out2" onchange="dev_change(this);"></select>
</td>
- <td align="right">7</td><td>
+ <td align="right" id="midilabel">7</td><td>
<select id="midi_out7" onchange="dev_change(this);"></select>
</td>
</tr>
<tr>
- <td>3</td><td>
+ <td id="midilabel">3</td><td>
<select id="midi_out3" onchange="dev_change(this);"></select>
</td>
- <td align="right">8</td><td>
+ <td align="right" id="midilabel">8</td><td>
<select id="midi_out8" onchange="dev_change(this);"></select>
</td>
</tr>
<tr>
- <td>4</td><td>
+ <td id="midilabel">4</td><td>
<select id="midi_out4" onchange="dev_change(this);"></select>
</td>
- <td align="right">9</td><td>
+ <td align="right" id="midilabel">9</td><td>
<select id="midi_out9" onchange="dev_change(this);"></select>
</td>
</tr>
<tr>
- <td>5</td><td>
+ <td id="midilabel">5</td><td>
<select id="midi_out5" onchange="dev_change(this);"></select>
</td>
- <td align="right">10</td><td>
+ <td align="right" id="midilabel">10</td><td>
<select id="midi_out10" onchange="dev_change(this);"></select>
</td>
</tr>
@@ -443,12 +459,12 @@ td {
<label data-i18n="[title]prefs.startup.paths_tt">
<span data-i18n="prefs.startup.paths"></span>
</label>
- <div style="height:24vh; background:white; border: 1px solid #bbb;
- margin-right: -4px; overflow-y:auto; overflow-x:auto; padding:0px;">
+ <div style="height:24vh; background:white; border: 1px solid #bbb; width: 96.5vw;
+ overflow-y:auto; overflow-x:auto; padding:0px;">
<table id="startup_paths" style="width:100%; background:white;">
</table>
</div>
- <div class="submit_buttons">
+ <div class="submit_buttons" style="width: 93%;">
<button type="button" onClick="startup_path_new()" data-i18n="[title]prefs.startup.new_tt">
<span data-i18n="prefs.startup.new"></span>
</button>
@@ -462,12 +478,12 @@ td {
<label data-i18n="[title]prefs.startup.libs_tt">
<span data-i18n="prefs.startup.libs"></span>
</label>
- <div style="height:24vh; background:white; border: 1px solid #bbb;
- margin-right: -4px; overflow-y:auto; overflow-x:auto; padding:0px;">
+ <div style="height:24vh; background:white; border: 1px solid #bbb; width: 96.5vw;
+ overflow-y:auto; overflow-x:auto; padding:0px;">
<table id="startup_libs" style="width:100%; background:white;">
</table>
</div>
- <div class="submit_buttons">
+ <div class="submit_buttons" style="width: 93%;">
<button type="button" onClick="startup_lib_new()" data-i18n="[title]prefs.startup.new_tt">
<span data-i18n="prefs.startup.new"></span>
</button>
@@ -484,7 +500,7 @@ td {
<input type="text"
id="startup_flags"
name="startup_flags"
- style="width:100%">
+ style="width: 96%">
</label>
</div>
</div>