diff --git a/app/views/conditions/_form.html.erb b/app/views/conditions/_form.html.erb
index 66e4ac5..86f57d9 100644
--- a/app/views/conditions/_form.html.erb
+++ b/app/views/conditions/_form.html.erb
@@ -12,43 +12,94 @@
<% end %>
-
- <%= form.label :enabled %>
- <%= form.radio_button :enabled, true %>
- <%= form.label :enabled_true, "Yes" %>
- <%= form.radio_button :enabled, false %>
- <%= form.label :enabled_false, "No" %>
+
+
+ Enabled?
+
+
+
+ <%= form.radio_button :enabled, true, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :enabled_true, "Yes", class: "font-medium text-gray-700" %>
+
+
+
+
+ <%= form.radio_button :enabled, false, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :enabled_false, "No", class: "font-medium text-gray-700" %>
+
+
+
+
+
+
+
+
+ Property type
+
+
+
+ <%= form.radio_button :property_type, "header", class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :property_type_header, "Header", class: "font-medium text-gray-700" %>
+
+
+
+
+ <%= form.radio_button :property_type, "body", class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :property_type_body, "Body", class: "font-medium text-gray-700" %>
+
+
+
+
- <%= form.label :property_type %>
- <%= form.text_field :property_type %>
+ <%= form.label :property_value, class: "block text-sm font-medium text-gray-700" %>
+ <%= form.text_field :property_value, class: "mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" %>
- <%= form.label :property_value %>
- <%= form.text_field :property_value %>
+ <%= form.label :test_method, class: "block text-sm font-medium text-gray-700" %>
+ <%= form.select :test_method, I18n.t("condition.test_methods").map { |key, value| [value, key] }, {}, class: "mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" %>
- <%= form.label :test_method %>
- <%= form.select :test_method, I18n.t("condition.test_methods").map { |key, value| [value, key] } %>
+ <%= form.label :test_value, class: "block text-sm font-medium text-gray-700" %>
+ <%= form.text_field :test_value, class: "mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" %>
-
- <%= form.label :test_value %>
- <%= form.text_field :test_value %>
-
-
-
- <%= form.label :inverted %>
- <%= form.radio_button :inverted, true %>
- <%= form.label :inverted_true, "Yes" %>
- <%= form.radio_button :inverted, false %>
- <%= form.label :inverted_false, "No" %>
+
+
+ Inverted?
+
+
+
+ <%= form.radio_button :inverted, true, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :inverted_true, "Yes", class: "font-medium text-gray-700" %>
+
+
+
+
+ <%= form.radio_button :inverted, false, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :inverted_false, "No", class: "font-medium text-gray-700" %>
+
+
+
+
- <%= form.submit %>
+ <%= form.submit class: "inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
<% end %>
diff --git a/app/views/filters/_form.html.erb b/app/views/filters/_form.html.erb
index 5e25349..069028d 100644
--- a/app/views/filters/_form.html.erb
+++ b/app/views/filters/_form.html.erb
@@ -13,36 +13,84 @@
<% end %>
- <%= form.label :description %>
- <%= form.text_field :description %>
+ <%= form.label :description, class: "block text-sm font-medium text-gray-700" %>
+ <%= form.text_field :description, class: "mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" %>
-
- <%= form.label :enabled %>
- <%= form.radio_button :enabled, true %>
- <%= form.label :enabled_true, "Yes" %>
- <%= form.radio_button :enabled, false %>
- <%= form.label :enabled_false, "No" %>
+
+
+ Enabled?
+
+
+
+ <%= form.radio_button :enabled, true, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :enabled_true, "Yes", class: "font-medium text-gray-700" %>
+
+
+
+
+ <%= form.radio_button :enabled, false, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :enabled_false, "No", class: "font-medium text-gray-700" %>
+
+
+
+
-
- <%= form.label :operator %>
- <%= form.radio_button :operator, "AND" %>
- <%= form.label :operator_and, "AND" %>
- <%= form.radio_button :operator, "OR" %>
- <%= form.label :operator_or, "OR" %>
+
+
+ Operator
+
+
+
+ <%= form.radio_button :operator, "AND", class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :operator_true, "AND", class: "font-medium text-gray-700" %>
+
+
+
+
+ <%= form.radio_button :operator, "OR", class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :operator_false, "OR", class: "font-medium text-gray-700" %>
+
+
+
+
-
- <%= form.label :inverted %>
- <%= form.radio_button :inverted, true %>
- <%= form.label :inverted_true, "Yes" %>
- <%= form.radio_button :inverted, false %>
- <%= form.label :inverted_false, "No" %>
+
+
+ Inverted?
+
+
+
+ <%= form.radio_button :inverted, true, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :inverted_true, "Yes", class: "font-medium text-gray-700" %>
+
+
+
+
+ <%= form.radio_button :inverted, false, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :inverted_false, "No", class: "font-medium text-gray-700" %>
+
+
+
+
- <%= form.submit %>
+ <%= form.submit class: "inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
<% end %>
<% end %>
\ No newline at end of file
diff --git a/app/views/operations/_form.html.erb b/app/views/operations/_form.html.erb
index 71a0738..433f14b 100644
--- a/app/views/operations/_form.html.erb
+++ b/app/views/operations/_form.html.erb
@@ -12,25 +12,41 @@
<% end %>
-
- <%= form.label :enabled %>
- <%= form.radio_button :enabled, true %>
- <%= form.label :enabled_true, "Yes" %>
- <%= form.radio_button :enabled, false %>
- <%= form.label :enabled_false, "No" %>
+
+
+ Enabled?
+
+
+
+ <%= form.radio_button :enabled, true, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :enabled_true, "Yes", class: "font-medium text-gray-700" %>
+
+
+
+
+ <%= form.radio_button :enabled, false, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" %>
+
+
+ <%= form.label :enabled_false, "No", class: "font-medium text-gray-700" %>
+
+
+
+
- <%= form.label :class_name %>
- <%= form.text_field :class_name %>
+ <%= form.label :class_name, class: "block text-sm font-medium text-gray-700" %>
+ <%= form.text_field :class_name, class: "mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" %>
- <%= form.label :argument %>
- <%= form.text_field :argument %>
+ <%= form.label :argument, class: "block text-sm font-medium text-gray-700" %>
+ <%= form.text_field :argument, class: "mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" %>
- <%= form.submit %>
+ <%= form.submit class: "inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
<% end %>