Wrap content in Grok patterns table. Fixes #1109

graylog-labs · Feb 9, 2015 · 880348f · 880348f
1 parent eabab37
commit 880348f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/app/assets/stylesheets/graylog2.less b/app/assets/stylesheets/graylog2.less
@@ -2490,4 +2490,16 @@ form.extractor-form .control-group label {
 
 .grok-filter-form label {
     margin-right: 5px;
+}
+
+.grok-patterns-table th.name {
+    min-width: 120px;
+}
+
+.grok-patterns-table th.actions {
+    min-width: 140px;
+}
+
+.grok-patterns-table td {
+    word-break: break-all;
 }
diff --git a/javascript/src/components/grok-patterns/GrokPatterns.jsx b/javascript/src/components/grok-patterns/GrokPatterns.jsx
@@ -48,12 +48,12 @@ var GrokPatterns = React.createClass({
         }, this);
 
         return (
-            <table className="table table-striped">
+            <table className="table table-striped grok-patterns-table">
                 <thead>
                     <tr>
-                        <th>Name</th>
+                        <th className="name">Name</th>
                         <th>Pattern</th>
-                        <th style={{width: 180}}>Actions</th>
+                        <th className="actions">Actions</th>
                     </tr>
                 </thead>
                 <tbody>