Added main theme element labels wrapping

source/ubl-settings-manager-theme-main.c

@@ -88,8 +88,7 @@ void yon_main_section_setup_apps(main_section *cur_section, const char *target){
         Image = gtk_image_new_from_pixbuf(gtk_icon_info_load_icon(info,NULL));
 
     }
-
+    char *name = cur_app->Name;
-    char *name = yon_char_wrap_to_length_str(cur_app->Name,20);
 
     GtkWidget *Row = gtk_flow_box_child_new();
     GtkWidget *Box = gtk_box_new(GTK_ORIENTATION_HORIZONTAL,5);
@@ -97,23 +96,26 @@ void yon_main_section_setup_apps(main_section *cur_section, const char *target){
     GtkWidget *Icon = Image;
 
     gtk_box_pack_start(GTK_BOX(Box),Icon,0,0,0);
-    gtk_box_pack_start(GTK_BOX(Box),Label,0,0,0);
+    gtk_box_pack_start(GTK_BOX(Box),Label,1,1,0);
     gtk_container_add(GTK_CONTAINER(Row),Box);
     gtk_flow_box_insert(GTK_FLOW_BOX(cur_section->AppsList),Row,-1);
 
     gtk_widget_set_size_request(Row,50,50);
 
-    gtk_widget_set_halign(Box,GTK_ALIGN_START);
+    gtk_widget_set_halign(Box,GTK_ALIGN_FILL);
     gtk_widget_set_valign(Box,GTK_ALIGN_CENTER);
 
-    gtk_label_set_line_wrap_mode(GTK_LABEL(Label),PANGO_WRAP_WORD);
+    gtk_label_set_line_wrap_mode(GTK_LABEL(Label),PANGO_WRAP_WORD_CHAR);
     gtk_label_set_line_wrap(GTK_LABEL(Label),1);
-    gtk_label_set_xalign(GTK_LABEL(Label),0);
+    gtk_label_set_max_width_chars(GTK_LABEL(Label),15);
+    gtk_label_set_xalign(GTK_LABEL(Label), GTK_ALIGN_FILL);
 
     g_object_set_data(G_OBJECT(Row),"main_section",cur_section);
     g_object_set_data(G_OBJECT(Row),"apps",cur_app);
     g_object_set_data(G_OBJECT(Row),"Label",Label);
 
+    // gtk_style_context_add_class(gtk_widget_get_style_context(Row),"bggrey");
+
     gtk_widget_show_all(Row);
 }
 

ubl-settings-manager-theme-main-section.glade

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!-- Generated with glade 3.38.2 -->
+<!-- Generated with glade 3.40.0 -->
 <interface domain="ubl-settings-manager">
   <requires lib="gtk+" version="3.24"/>
   <!-- interface-css-provider-path ubl-settings-manager.css -->
@@ -15,6 +15,7 @@
     <property name="visible">True</property>
     <property name="can-focus">False</property>
     <property name="orientation">vertical</property>
+    <property name="spacing">5</property>
     <child>
       <object class="GtkLabel" id="MainLabel">
         <property name="visible">True</property>